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

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

(1)解析HTML文件,创建DOM树:自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。

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

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

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

—— 完 ——
相关推荐
评论

立 为 非 似

中 谁 昨 此

宵 风 夜 星

。 露 , 辰

文章点击榜

细 无 轻 自

如 边 似 在

愁 丝 梦 飞

。 雨 , 花