虚拟dom是利用js描述元素与元素的关系, 好处:是可以快速的渲染和高效的更新元素,提高浏览器的性能
diff算法: 基础虚拟DOM完成节点更新的方法
-
用js对象来表示真是的DOM树结构,创建一个虚拟DOM对象
-
当数据发生改变的时候,创建一个新的js的虚拟DOM对象
-
比较新旧对象的差异,记录下来,最终更新到真实的DOM树结构上。
总结:总的来说就是减少DOM,重绘和回流。
虚拟dom是利用js描述元素与元素的关系, 好处:是可以快速的渲染和高效的更新元素,提高浏览器的性能
diff算法: 基础虚拟DOM完成节点更新的方法
用js对象来表示真是的DOM树结构,创建一个虚拟DOM对象
当数据发生改变的时候,创建一个新的js的虚拟DOM对象
比较新旧对象的差异,记录下来,最终更新到真实的DOM树结构上。
总结:总的来说就是减少DOM,重绘和回流。