DOM:浏览器中的概念,用JS对象来表示页面上的元素,提供操作DOM对象的API;
虚拟DOM:JS框架中的概念,用JS对象来模拟页面上的DOM个DOM嵌套;
虚拟DOM目的:实现页面中DOM元素高效更新;
Diff算法:
tree diff:新旧两棵dom树逐层对比过程,逐层对比完成之后,所有需要被更新的元素能够找到;
component diff:在进行tree diff的时候,每一层中组件级别的对比叫做component diff;前后对比后,组件类型相同,则不需要更新;组件类型不同,则需要移除旧组件创建新组件,并追加到页面中;
element diff:在进行组件对比的时候,如果两个组件类型相同,则需要进行元素级别的对比,就叫做element diff;
DOM和虚拟DOM、Diff算法
最新推荐文章于 2022-07-31 01:36:34 发布