教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

浏览器渲染页面流程的4个步骤

更新时间:2021年01月15日16时40分 来源:传智教育 浏览次数:

好口碑IT培训

浏览器渲染页面流程如下:

1)解析HTML文件,创建DOM树

自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。

2)解析CSS

优先级:浏览器默认设置<用户设置<外部样式<内联样式。

3)将CSS与DOM合并,构建渲染树(Render Tree)。

4)布局和绘制,重绘(repaint)和重排(reflow)。



猜你喜欢:

什么是浏览器内核?常见的浏览器内核有哪些?

浏览器的兼容性问题拾遗

哪些浏览器支持HTML5?

传智教育前端开发培训课程