react学习记录 ---- (二) 08.介绍Diff算法的概念

• tree diff

• component diff

• element

 tree diff  

新旧两颗DOM树，逐层对比的过程 就是 Tree Diff； 当整颗DOM逐层对比完成，则所有需要被按需更新的元素，必然能够找到。

 component diff  

 在进行Tree Diff时，每一层中，组件级别的对比，叫做Component Diff

•       如果对比前后，组件类型相同，则暂时认为此组件不需要被更新
•       如果对比前后，组件类型不同，则需要移除旧组件，创建新组件，并追加到页面上

 element diff

在进行组件对比的时候，如果两个组件类型相同，则需要进行元素级别的对比 

以上三者之间存在一个由上到下 逐层递进的关系 

虚拟DOM提供新旧DOM树   DIff算法则进行高效快速的对比