什么是传统的DOM渲染方式?(通俗的说就是浏览器的渲染方式是怎么渲染的?)
分为以下五步,创建DOM树——创建样式表——创建render树——布局Layout——绘制Painting
1、用HTML解析器,分析HTML元素,构建一颗DOM树。
2、用CSS解析器,分析CSS文件和元素上的inline样式,形成页面的样式表。
3、将DOM树和样式表,关联起来,构建一颗Render树(这一过程又叫做Attachment)。每个DOM节点都有attach方法,接收样式信息,返回一个render对象(又叫renderer)。这些render对象最终会被构建成一颗Render树。
4、有了Render树,浏览器开始布局,为每一个Render树上的节点定位一个在显示屏上的精确坐标。
5、Render树和节点显示坐标都有了,就调用每个节点的paint方法,把他们绘制出来。