直播有一个很重要的互动：点赞。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，是渐渐消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 用 CSS3 实现动画，显然，我们想到的是用 animation 。 首先看下 animation 合并写法，具体含义…

this应该是js中最为复杂的机制之一。搞懂this某种程度上意味着一次重生。 此时的foo.count的值是多少呢？答案是0。 显然，我们调用了两次foo函数，所以this.count++也肯定运行了两次。但是最后输出的this.count却还是0。那么函数里面的this到底…

其中JavaScript自2013年之后就盘踞第一名，成为github上被使用最多的语言，早期，JS的使用还主要集中于浏览器中，但是随着node.js进军服务器开发和React Native逐渐向移动端渗透，一个属于JS的全栈时代就要来临了。而且JS界还流传一句名言：“所有能用…

在部分群里引起了一些讨论，其中有一点是关于箭头函数的 this 指针的问题。使用了阮一峰《ES6 入门》文章的内容来反驳。 起初，群里一个朋友抛出了这个疑问，为啥这两个输出有差异。 那么我们首先就来分析一下到底是什么原因。 这里创建了一个 person 实例 pp。然后执行 p…

关于 Javascript 的 this 相信大家已经阅读过一些关于它的文章，也在实践中有些知识积累，作为 JavaScript 中最令人困惑的机制之一，即便是一些老练的开发也不一定完全掌握 this 这个神奇的东西，今天我结合 ES6+ 的一些语法重新梳理下 this，希望对…

首先，我们看下当前已经有的运算符。 在我们尝试这次提议的复合运算符之前，我们需要先了解下 "短路运算符"。 a = a || b ： 先将 a 赋值给 a ，然后再与 b 或运算。 综上，两者的意思有显著的差别。 接下来，我们来看下新提案的赋值表达式的可能的应用场景。

众所周知，图像的二进制数据，我们可以用base64来表示。但是在某些特殊的场景，我们可能会需要得到它的宽度和高度信息，那该怎么办？ 但如果是在后端或者其他领域，这个方法很明显就不能用了，况且这个方法看起来并不优雅，需要base64转化成图片，再从图片句柄中获取其宽度和高度信息。…

事件捕获模式流程：事件发生时，先触发目标元素的祖先元素的事件响应函数，然后触发其父元素的事件响应函数，并逐级到目标元素。 事件冒泡模式流程正好与捕获模式相反，事件发生时，先触发目标元素的事件响应函数，再逐级追溯到其祖先元素。 从内到外找监听函数，叫事件冒泡。 一般我们使用冒泡阶…

这一套笔记是我啃JavaScript高级程序设计时整理的，帮助我的理解和架构知识体系。找到实习后不希望之前的努力被尘封，于是拿出来希望给新入坑的小伙伴提供帮助。如果其中存在错误，也欢迎指正。 web浏览器只是其宿主环境之一，宿主环境不仅提供基本的ECMAScript实现，还提供…