杂记-07.页面解析渲染

253 阅读1分钟

客户端与服务器完成交互,浏览器内核拿到内容后,开始浏览器页面渲染,大致分为以下几步:

1. 解析HTML,构建DOM树

2. 解析CSS,生成CSS规则树

3,解析javascript,完成DOM树与CSS规则树的构建

4. 合并DOM树和CSS规则树,生成render树

5. 布局render树(Layout/reflow),负责各元素尺寸、位置的计算

6. 绘制render树(paint),绘制页面像素信息

7. 浏览器会将各层的信息发送给GPU,GPU会将各层合成(composite),显示在屏幕上

复制代码其中HTML,CSS,JS都会影响页面的渲染 讨论地址: 记录学习中遇到的问题,记录成长