不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

数组的创建有三种方式：构造函数方式、字面量方式、ES6新增的Array.of()方法创建。 方法的作用是将一组值（即传进来的参数）转换为数组。 这个方法弥补了构造函数创建数组的不足。可以实现创建只有一个number类型元素的数组。 （一）. 原型上的方法 参数的类型可以是任意类…

github 上 star 点多了却总是不会回头看，但是现在有人已经整理成篇了，分类之后，你会有更好的方式食用这些开源项目。

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。 尽管它不像其他ES6功能用的普遍，但Proxy有许多用途，包括运…

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

1. JS基础知识深入总结 2. 对象高级 3. 函数高级 4. 事件对象与事件机制 暂时会对以上四个专题去总结，现在开始Part3：函数高级。下图是我这篇的大纲。 this是在函数执行的过程中自动创建的一个指向一个对象的内部指针。确切的说，this并不是一个对象，而是指向一个…

这是专门研究 JavaScript 及其构建组件系列文章的第 9 章。在识别和描述核心元素的过程中，我们还分享了我们在构建一个轻量级 JavaScript 应用程序 SessionStack 时使用的一些经验规则，该应用程序需要健壮、高性能，可以帮助用户实时查看和重现它们的 W…

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。 (利用的算法类似'==='，与'==='的区别是 ‘===’认为NaN != NaN ,set的算法认为它们是相等的，但是set认为…