DIFF 算法的核心原理是什么?
DIFF 算法的核心原理是通过比较新旧两棵虚拟 DOM 树，找出不同点，并且只更新必要的部分以达到高效更新真实 DOM 的目的，这种差异化更新策略能够显著提升性能，避免不必要的 DOM 操作。
扩展知识
一、虚拟 DOM
在 DIFF 算法中，虚拟 DOM (Virtual DOM)是对真实 DOM 的一种抽象表示。虚拟 DOM 是 JavaScriot 对象，它能够快速创建和更新并且能够在内存中进行操作，避免频繁操作真实 DOM 树。
二、核心步骤
- 树的递归比较: 从根节点开始，递归地对比新旧虚拟 DOM 树，通过深度优先的方式逐层比较
- 同层比较: 只对同一层级的节点进行比较，如果节点类型不同，则直接替换。
- 节点的复用和更新: 如果节点类型相同，则检査属性和子节点的变化情况，更新属性并递归地对子节点进行比较。
三、Vue 中的 DIFF 算法
- 在 Vue 中，虚拟 DOM 的 DIFF 比较主要发生在组件更新阶段。当数据发生变化后，Vue 会根据响应式数据模型产生新的虚拟 DOM 树，并通过DIFF 算法与旧的虚拟 DOM 树进行对比，找出变化部分，并以最小化的成本更新真实 DOM 树。
四、优化策略
- ·Key 的使用: 在 Vue 中，为了优化列表渲染的性能，通常会给每个列表项添加唯一的 key，这样能更高效地找到对应项并实现最小化更新。
- ·批量更新: Vue 会收集多次数据变化，并且在一个事件循环中进行批量更新，这样可以避免重复的虚拟 DOM 比较和真实 DOM 更新。
五、React 与Vue 的对比
- 虽然 React 和 Vue 都使用虛拟 DOM 和 DIFF 算法，但实现细节有所不同。React 更侧重于函数式编程和不可变数据，Vue 则专注于响应式数据和模板语法。两者的 DIFF 算法核心思想相同，但在具体实现上可能会有所差异。