本文深入解析Diff算法，包括treediff、componentdiff和elementdiff三种对比方式，阐述了如何通过这些方式找出DOM树中需要更新的元素，以及key属性在DOM节点与虚拟DOM对象关联中的作用。
Diff算法
- tree diff: 新旧DOM树，逐层对比的方式，就叫做tree diff，每当我们从前到后，把所有层的节点对比完成后，必然能够找到那些 需要被更新的元素
- component diff: 在对比每一层的时候，组件之间的对比，叫做 component diff；当对比组件的时候，如果两个组件的类型相同，则暂时认为这个组件不需要被更新，如果说组件的类型不同，则立即将旧组件移除，替换到被移除的位置
- element diff： 在组件中，每个元素之间也要进行对比，那么，元素级别的对比，叫做 element diff
- key： key这个属性，可以把页面上的DOM节点和虚拟DOM中的对象，做一层关联关系
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
