DOM的本质:浏览器的概念,用js对象表示页面上的元素,并提供了操作DOM对象的API。
虚拟DOM:框架的概念,是程序员 用js对象来模拟 页面上的DOM元素和DOM嵌套关系。
虚拟DOM的目的:为了实现页面中DOM元素的高效更新。
DOM树是浏览器提供的。
一个网页的呈现过程:
1、浏览器请求服务器获取页面HTML代码。
2、浏览器要先在内存中,解析DOM结构,并在浏览器内存中,渲染出一颗DOM树。
3、浏览器把DOM树呈现在页面上。
性能优化:按需渲染页面步骤如下
1、获取内存中的新旧两棵DOM,进行对比,得到需要被按需更新的DOM元素。
2、获取DOM树:程序员手动模拟新旧两棵DOM树
总结:什么是虚拟DOM:用js对象的形式,来模拟页面上DOM嵌套关系。