千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

P16

1.nextTick知道吗、实现的原理是什么?是宏任务还是微任务?

微任务

原理:

nextTick方法主要是使用了宏任务和微任务，定义了一个异步方法，多次调用nextTick会将方法存入队列中，通过这个异步方法清空队列。

作用: nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick,则可以在回调中获取更新后的DOM。

2.虚拟dom为什么会提高性能?

虚拟DOM其实就是一个JavaScript对象。通过这个avaScript对象来描述真实DOM，真实DOM的操作，一般都会对某块元素的整体重新渲染，采用虚拟DOM的话，当数据变化的时候，只需要局部刷新变化的位置就好了，虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能

具体实现步骤如下

(1)用Javascript对象结构表示DoM树的结构;然后用这个树构建一个真正的DoM树，插到文档当中

(2)当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较，记录两棵树差异

(3)把2所记录的差异应用到步骤1所构建的真正的DoM树上，视图就更新