响应系统中的Watcher即这个系统的观察者，它是响应系统中观察者模式的载体，当响应系统中的数据发生改变的时候，它能够知道并且执行相应的函数以达到某种业务逻辑的目的。打个比方，如果你是一个商家，要寄一批货分别给不同的客户，那么watcher就是一个个快递员，发出的动作就是数据发…

详细讲解了 Vue 异步更新的实现原理 以及从源码层次来回答一些和异步更新相关的面试题，比如 nextTick 的实现原理

网上现有的Vue源码解析文章一搜一大批，但是为什么我还要去做这样的事情呢？因为觉得纸上得来终觉浅，绝知此事要躬行。 然后平时的项目也主要是Vue，在使用Vue的过程中，也对其一些约定产生了一些疑问，可能官网上只会建议你这么做，但是核心实现我们可能并不知道。比如： ... 其次，…

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

最近项目上要实现一个类似像素风格的画板，可以像素小格子可以擦除，框选变色，可以擦出各种图形，这样一个小项目看似简单，包含的东西还真不少。 这样做看似完美，然而有一个巨大毙命，每画一个像素都回绘制到上下文中，每一次都在改变canvas的状态，这样做会导致渲染性能太差，因为像素点很…

详细讲解了 Vue 响应式的实现原理 以及从源码层次来回答一些和响应式相关的面试题 ........

网上去重的办法很多，查重的办法不多，先实现一个利用indexOf实现查重的办法。 三、for嵌套循环，splice实现。这种办法的缺点是NaN无法去重 四、数组排序后，比较相邻2项，将重复的去除，缺点是只能针对数字去重，如果加入其它（比如字符串，布尔类型，对象类型，那么会把相同…

JavaScript中一切皆对象。 除了undefined之外所有的数据类型都是对象（引用类型）或者有其对应的包装类（原始类型）。 ... 所有对象都有其对应的构造函数，null除外。 可以理解为所有对象都是由函数产生的，都可以使用new关键字创建，函数也是一个对象，由Func…

按找上面的渲染方式，当需要渲染的元素多的时候，在一帧（16.6ms）内无法渲染完毕就会造成浏览器的卡顿。 要想个办法优化，在React中，选择的是把一个大的任务才分成很多小的任务，在浏览器空闲的时候执行每个小的任务。这就是React的并发模式。 这个函数会在每次浏览器空闲的时候…