熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的区别，并更新 ...

引言 在开发过程中，我们经常遇到这样的问题：我明明已经更新了数据，为什么当我获取某个节点的数据时，却还是更新前的数据？ 一，浅析 为什么会这样呢？带着这个疑问先往下看。 先看一个小的例子： 点击按钮前 点击按钮后 ...

最近复习vue的时候遇到了一个很奇怪的问题，我们直接从实例中看： 整个过程是这样的： 我在子组件的mounted函数中，改变了arr的值，这会重新触发视图的渲染。 然后我紧接着在父组件的mounted函数中获取子组件的innerHTML。 然而结果是 ...

...

理解： 如果不采取异步更新，那么每次更新数据都会对当前组件进行重新渲染，为了性能考虑，Vue 会在本轮数据更新后，再去异步更新数据。 原理： dep.notify() 通知 watcher 进行更新操作-->subs[i].update() 依次调用 watcher ...

Vue为何采用异步渲染 Vue在更新DOM时是异步执行的，只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更，如果同一个watcher被多次触发，只会被推入到队列中一次，这种在缓冲时去除重复数据对于避免不必要的计算和DOM操作是非常重要的，然后，在下一个的事件循环 ...

因为不采用异步更新，在每次更新数据都会对当前组件进行重新渲染。所以为了性能考虑，vue 会在本轮数据更新后，再去异步更新视图。 ...

同步：浏览器访问网址，浏览器创建新的tabpage，新的内存块，加载页面的全部资源并渲染全部资源。但只要有页面中的任何一个操作，就会从新的开端全部在创建请求渲染一次，浏览器自己控制的http。 异步：用之前已经渲染过的页面数据，与后台交互数据不需要重新来渲染页面，实现对页面的部分更新。自己来控制 ...