首页技术文章正文

浏览器渲染页面的顺序:页面渲染的过程介绍

更新时间:2021-01-15 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif

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

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

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

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

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

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



猜你喜欢:

浏览器介绍,Web开发过程中使用哪个浏览器更好?

HTML5的浏览器支持概况

浏览器内核是什么?如何检测浏览器内核?

黑马程序员前端开发培训课程


分享到:
在线咨询 我要报名
和我们在线交谈!