React中的虚拟DOM和DIff算法

虚拟DOM

——是框架中的概念，是程序员用JS对象来模拟页面上的DOM和DOM嵌套，是为了实现DOM元素的高效更新
——实现页面的按需更新（获取到页面中新旧两个DOM树，进行对比，获取需要更新的DOM元素）
——获取新旧新旧DOM树（需要程序员手动模拟）
——DOM是浏览器上提供的概念，用JS对象表示页面上的元素，并提供了操作元素的API

Diff算法

——**tree diff:**将新旧两棵DOM树逐层对比的过程，当整棵DOM树对比完毕，则所有需要按需更新的元素必然能被找到
——**conponent diff:**在进行tree diff 的时候，每一层中，组件级别的对比，如果对比前后，组件类型相同，则暂时认为此组件不需要被更新，如果对比前后组件类型不同，则需要移除就组件，创建新组件，并追加到页面上。
——element diff在进行组件对比的时候，如果两个组件类型相同，则需要进行元素级别的对比