1.DOM:浏览器中的概念,用JS对象来表示页面上的元素,并提供了操作DOM对象的API;
虚拟DOM:框架中的概念,是程序员用js对象来模拟页面上的DOM和DOM嵌套
目的:为了实现页面元素的高效更新;
2.tree diff:新旧两棵DOM树,逐层对比的过程就是Tree Diff,当整棵DOM逐层对比完毕,则所有需要被按需更新的元素,必然能够找到;
component diff:在进行Tree Diff的时候,每一层中,组件级别的对比,叫做Component Diff;
如果对比前后,组件类型相同,则暂时认为此组件不需要被更新;
如果对比前后,组件类型不同,则需要移除旧组件,创建新组建,并追加到页面上;
element diff:在惊醒组件对比的时候,如果两个组件类型相同,则需要进行元素级别的对比,这 叫做element diff