继上一篇 Array.prototype.reduce 后，我立志要好好学习。琢磨了很久，再加上最近看了几篇"JS 函数式编程"的文章和书籍后，然后有感而发写下了这篇文章。 Array.prototype.map 方法相信大家都用的很熟悉了，同时我也相信很多人已经自己实现了 m…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…

我们了解到，在面向对象的 JS 中，一切都是对象。因为一切都是对象，我们开始明白我们可以为函数设置并访问额外的属性。 我们介绍过 this 关键字。我们了解到每个函数都会自动获取此属性。所以这时，如果我们创建一个有关我们函数执行上下文的抽象模型（我不是唯一一个这么做的人！...…

在2017年，无论是新手还是满身疲惫的老兵，都在JS开发中对这门语言掂量着：从何入手以及该选哪条路呢？大伙热衷于热门技术，但通常对它们为什么那么好(或为什么不是别的)并没有理解。理解JS的历史可以帮助我们搞清它当今的状态。 先来聊聊问题。所有语言写就的所有程序，都在解决问题。在…

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。

call 接收多个参数，第一个为函数上下文也就是this，后边参数为函数本身的参数。 apply接收两个参数，第一个参数为函数上下文this，第二个参数为函数参数只不过是通过一个数组的形式传入的。 bind 接收多个参数，第一个是bind返回值返回值是一个函数上下文的this，…