南宫的CG世界

面试官：“请你简述Vue中的diff算法”。你：diff算法在什么时候运行呢？当我们当前组件所依赖的数值更新和组件创建时运行update函数，update函数会调用组件的render函数，render生成新的虚拟dom树，update的到新虚拟dom树的根节点，然后进入update函数内部，将_vnode也就是旧虚拟dom树替换成新的虚拟dom树，然后用一个变量将旧虚拟dom树保存起来，接下来调用patch函数进行diff比对，vue在进行比对时遵循以下原则：

所有的追加元素方法都会去判断这个父元素里面是否拥有这个元素对象，如果拥有则以为已经添加完成，如果没有则添加进去，这也就是为什么我们只添加了一个元素的原因

left和top的性能高还是translate2d的性能高？听说translate3d的性能最高？

1.CDN优化2.现代化打包优化3.异步组件优化4.vue首屏白屏优化

不定时发送【对标大厂的必会面试题】、【必会常用算法】、【必会高并发解决】、【优化】等专题栏目供大家学习观看。