浏览器是如何进行界面渲染的

 

1.解析（Parser）HTML，生成DOM树(DOM Tree)

2. 同时解析（Parser） CSS，生成样式规则 (Style Rules)

 3.根据DOM树和样式规则，生成渲染树(Render Tree)

 4.进行布局 Layout(回流/重排):根据生成的渲染树，得到节点的几何信息（位置，大小）

 5.进行绘制 Painting(重绘): 根据计算和获取的信息进行整个页面的绘制

6.Display: 展示在页面上