Diff算法
1、Diff算法的作用是用来计算出 Virtual DOM 中被改变的部分，然后针对该部分进行原生DOM操作，而不用重新渲染整个页面。 Diff算法有三大策略：三种策略的顺序也是顺序依次。
2、Diff算法：Diff算法是虚拟DOM的核心，它用于比较新旧虚拟DOM树之间的差异。Vue中使用的是经典的Diff算法，具体包括以下几个步骤： Walk：遍历新旧虚拟DOM树，对比节点，并记录差异。 Update：根据差异进行更新。
3、diff发生在虚拟DOM上。diff算法是在新虚拟DOM和老虚拟DOM进行diff（精细化比对），实现最小量更新，最后反映到真正的DOM上。
4、要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。
5、Diff算法默认起来是这样的。即把C更新成F，D更新成C，E更新成D，最后再插入E，是不是很没有效率？所以我们需要使用key来给每个节点做一个唯一标识 Diff算法就可以正确的识别此节点 找到正确的位置区插入新的节点。
面试中的网红Vue源码解析之虚拟DOM,你知多少呢?深入解读diff算法
1、在Vue中，每个组件都有一个对应的虚拟DOM树，它是一个以组件根节点为起点的JavaScript对象。 当数据发生改变时，Vue会重新计算虚拟DOM树的结构，并和旧的虚拟DOM树进行比较。
2、diff发生在虚拟DOM上。diff算法是在新虚拟DOM和老虚拟DOM进行diff（精细化比对），实现最小量更新，最后反映到真正的DOM上。
3、首先明确DOM的相关操作需要调用webapplication对性能损耗是比较高的。先看看常规的思路改良思路（仍然使用DOM）React的思路Vue和react的虚拟DOM的原理和步骤是完全一致的。
4、原因分析：猜测是vue使用的虚拟DOM，使得页面虽然已经渲染出来，但在Vue实例中让处在在虚拟DOM中，无法获取。jquery和vue效率对比vue是目前最流行的前端的技术框架之一，目前很多都在使用。
5、__patch__ 是 createPatchFunction 方法内部返回的一个方法，它接受一个对象：nodeOps 属性：封装了操作原生 Dom 的一些方法的，如创建、插入、移除这些，再使用到的地方再详解。
什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路
1、如果是旧节点先循环完毕，说明新节点中有要插入的节点。这里千万不要被这茫茫多的属性吓到，实际上Vue.js中VirtualDOM是借鉴了一个开源库snabbdom的实现，然后加入了一些Vue.js特色的东西。
2、虚拟DOM（Virtual DOM）是Vue的一个核心概念，它是一种用JavaScript对象来表示DOM结构的轻量级抽象。通过使用虚拟DOM，Vue可以在内存中构建和操作DOM，并通过Diff算法来高效地更新DOM。
3、React 只会对相同颜色方框内的 DOM 节点进行比较，即同一个父节点下的所有子节点。当发现节点已经不存在，则该节点及其子节点会被完全删除掉，不会用于进一步的比较。
4、虚拟DOM其实就是一个普通的对象，是为了提高页面渲染的性能。
5、虚拟DOM是什么？ 比如说我们要操作一个数据报表，大概有几百条数据，要对其进行排序的操作，若使用原生来操作，对DOM元素进行一个排序操作起来很麻烦，也很难实现。
React中的什么机制可帮助我们避免手动操作DOM,提高代码性能?
react 作为一款最主流的前端框架之一，在设计的时候除了简化操作之外，最注重的地方就是节省性能了。diff算法就是为 节省性能 而设计的，diff算法和虚拟DOM的完美结合是react最有魅力的地方。
React：React使用虚拟DOM，量级轻，而且并不局限于特定浏览器，从而消除了性能低下的问题。这也是React和虚拟DOM流行的主要原因。Vue：Vue也使用虚拟DOM，但是和React相比，性能更为优越，而且没有bug。
与其它框架相比，在React中使用了Backbone的和模型，而且，React采取了一种特立独行的操作DOM的方式。每个组件都可以进行独立的开发和测试，它为我们提供了标准化的API。
