WebView 在移动端的应用场景随处可见，在云音乐里也作为许多核心业务的入口。为了满足云音乐日益复杂的业务场景，我们一直在持续不断的优化 WebView 的性能。其中可以短时间内提升 WebView 加载速度的技术之一就是离线包技术。该技术能够节省网络加载耗时，对于体积...

在最近的项目开发中，出现了一个令我困扰的状况。我正在开发的项目 A，依赖了已经线上发布的项目 B，但是随着项目 A 的不断开发，又需要不时修改项目 B 的代码（这些修改暂时不必发布线上），如何能够在修改项目 B 代码后及时将改动后在项目 A 中同步？ 在项目 A 发...

* 本文翻译自：3 Ways to Fix the CORS Error — and How the Access-Control-Allow-Origin Header Works CORS错误是什么 是否曾经见过这个错误，或刚刚碰见？ 必须说，我们在页面程序代码中用到各种API时，这个bug出现的太多了。每次碰到这个bug，内心都是如图所示：...

最近项目中刚好涉及到了主域名和子域名之间的共享和相互修改、删除，也就借此机会总结一下常用的几个场景，这里代码以PHP为例来说明，域名的话就拿顶级域名和二级域名为例，其他的场景都是类似哈！

构造函数里面除了提供参数列表（或者options）以外，一般还提供默认值： 如果全部平铺的话，基本会像这样： {代码...} es5的时候，基本上是@Dont这种方式： {代码...} 使用es6的话，默认值可以更方便点，如果放在this上可以这样做： {代码...} 大致是这样

PUT 操作是幂等的。所谓幂等是指不管进行多少次操作，结果都一样。比如我用 PUT 修改一篇文章，然后再做同样的操作，每次操作后的结果并没有不同；POST 操作既不是安全的，也不是幂等的，比如常见的 POST 重复加载问题：当我们多次发出同样的 POST 请求后，其结果是...

在componentWillMount执行ajax，对ajax的结果进行setState,即使ajax的返回结果在render之前，也会引起新的render，不会和原来的state进行合并，进行一次render，为什么？这就需要了解JavaScript的执行机制了，JavaScript是单线程，分为“当前线程”和任务队列。ajax的...

表示“重复”这个含义的词有很多, 比如循环(loop), 递归(recursion), 遍历(traversal), 迭代(iterate).

最近公司需要做小程序项目，但是又希望能够快速开发，就想着把web端的响应式页面放到webview里快速开发。但在判断页面环境的时候出现一些问题。

data 中的内容只会在 created 钩子触发前初始化一次，类似于你直接写 const data = { foo: 123 } 这样，这时属性的值是纯粹的字面量，而不是回答者所谓的【缓存】(没有 Cache Miss 哪来的缓存？)。JS 字面量赋值后显然不会自动更新。最简单的例子：

即使是最简单的循环，其中也深藏学问 ECMAScript5(es5)有三种for循环 简单for for in forEach ECMAScript6(es6)新增 for of 简单for for是循环的基础语法，也是最常用的循环结构。没有兼容性问题，效率上：for > forEach > map >for in forEach forEach由es...

最近入职mini项目在技术选型的时候掉到了“大家都熟悉React技术栈，那我们就用React-Native来进行移动端开发吧”的坑里面。在Facebook已经宣布要对RN进行重构的时间节点上选择这么一个技术栈来进行较大型移动端的开发，实在不是一个明智之举。

说到函数式编程，大家可能第一印象都是学院派的那些晦涩难懂的代码，充满了一大堆抽象的不知所云的符号，似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此，但是近年来随着技术的发展，函数式编程已经在实际生产中发挥巨大的作用了，越来...

一个好的程序员应该有能力掌控你写的代码，能够以最简单的方法使你的代码正确并且可读。作为一名优秀的程序员，你会编写尽量短小的函数，使代码更好的被复用；你会编写测试代码，使自己有足够的信心相信代码会按原本的意图正确运行。没有人喜欢解bug，所以一名优秀的...

当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人来说，理解如何创建一个组件也并不那么简单。在最开始的时候我以为创建组件只需要调用cre...

github 上有趣又实用的前端项目（持续更新，欢迎补充） 1. reveal.js: 幻灯片展示框架 一个专门用来做 HTML 幻灯片的框架，支持 HTML 和 Markdown 语法。 github: [链接] demo: [链接] 动图取自博客 reveal.js - 程序员的PPT制作神器。 2. impress.js: 又一个幻灯片...

导语 : 从事前端有6年+的时间了，从最开始的美工到重构再到偏向js逻辑开发的前端开发，一直在前端这个行业里面摸索和学习，我现在将自己这些年的一个心得体会来个系统性的梳理写成一篇关于性能优化的主题文章，希望对大家有点帮助，也欢迎大家提出各种意见和建议。

埋点，是网站分析的一种常用的数据采集方法。我们主要用来采集用户行为数据（例如页面访问路径，点击了什么元素）进行数据分析，从而让运营同学更加合理的安排运营计划。现在市面上有很多第三方埋点服务商，百度统计，友盟，growingIO 等大家应该都不太陌生，大多情...

目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什么是Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解Virtual DOM的创建过程，并实现一个简单的Diff算法来更新页面。本文的内容脱离...