diff【different】算法——提升性能

虚拟dom

即真实dom的js对象

diff算法

就是找出新旧虚拟dom之间的差异，使得最小化更新视图【比较两个js对象的差异】

把dom数据化

比较两棵树，render会生成两棵虚拟节点树，一棵新，一棵旧，对两棵树进行对比更新

[5.17]--5-19-Vue2和Vue3和React三者的diff算法有什么_哔哩哔哩_bilibili

6分钟彻底掌握vue的diff算法，前端面试不再怕！_哔哩哔哩_bilibili

vue2 双端比较

vue3 最长递增子序列

react 仅右移

相对应的，为什么vue和react的循环中要带key

vdom diff算法会根据key判断元素是否要删除

匹配了key，则只移动元素，性能较好

未匹配Key，则删除重建，性能较差