浏览器如何渲染页面

2020-03-10 127 阅读1分钟

浏览器根据深度遍历的原则把HTML解析成DOM树。
把CSS解析成CSS Rule Tree（CSSOM Tree）。
将JS通过 DOM API或者 CSSOM API将JS代码应用到布局中。
根据DOM树和CSSOM树构造render Tree。
布局：布局render树，也就是计算出每个节点坐标和大小等css属性。
绘制：绘制render树，完成页面的渲染。
绘制过程中如果发现<img>标签引用了一张图片，向服务器发送请求，由于图片占了一定体积，导致回流重绘。