上图是W3C标准的DOM事件流模型图，从图中可以看出，元素事件响应在DOM树中是从顶层的Window开始“流向”目标元素（），然后又从目标元素“流向”顶层的Window。 通常，我们将这种事件流向分为三个阶段：捕获阶段，目标阶段，冒泡阶段。 捕获阶段是指事件响应从最外层的Win…

几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有异步的能力，所以，我试图从进程、线程的角度来解释这个问题。 计算机的核心是CPU，它承担了所有的计算…

如果你是或者想成为一名 JavaScript 开发者，你必须知道 JavaScript 程序内部是如何执行的。理解执行上下文和执行栈对于理解其他 JavaScript 概念（如变量声明提升，作用域和闭包）至关重要。 正确理解执行上下文和执行栈的概念将使您成为更出色的 JavaS…

我们看一些 Promise 的常见面试问法，由浅至深。 3、Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。 8、能不能手写一个 Promise 的 polyfill。 这些问题，如果你都能 hold 住，那么面试官基本认可你了。带着上面这些问题，我们往下看。…

JSON对象的两个方法：JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换，这里不再详细介绍，你可以查看这篇文章： http://www.css88.com/archives/3919 。 这里介绍一下，我主要介绍一下 J…

定义点击事件，当点击旋转按钮，执行rotateWheel() 方法，该方法将动态改变全局变量 starRadian的值，并调用 window.requestAnimationFrame()方法实现逐帧旋转动画。 之所以在绘制最开始对画布做清理，是为了完成逐帧动画。 我们可以想象…

context 是绘图环境对象，如果你在浏览器中输出 context，你会发现里面包含了许多属性，如：fillStyle strokeStyle等，以及一些函数方法，arc() rect() save() restore() clip()等等。 ⚠️ 不过值得注意的是，调用这个…

JavaScript 专题系列第三篇，讲解各种数组去重方法，并且跟着 underscore 写一个 unique API 前言 数组去重方法老生常谈，既然是常谈，我也来谈谈。 双层循环 也许我们首先想到的是使用 indexOf 来循环判断一遍，但在这个方法之前，让我们先看看最原…

Spread Operator 是我最喜欢的语法糖，没有之一，在应用场景上也是最为广泛，下面说下使用场景和技巧。 这是对应的 babel 插件,当然直接使用 typescript 或者直接使用 omi-cli 已经内置了这个特性，可以直接使用。 因为 Math.min 和 Ma…