客户端与服务器完成交互,浏览器内核拿到内容后,开始浏览器页面渲染,大致分为以下几步:
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都会影响页面的渲染 讨论地址: 记录学习中遇到的问题,记录成长