- 渲染的流程如下:
- 1.解析HTML文件,创建DOM树。
- 自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。
- 2.解析CSS。
- 优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;
- 3.将CSS与DOM合并,构建渲染树(Render Tree)
- 4.布局和绘制,重绘(repaint)和重排(reflow)
- 1.解析HTML文件,创建DOM树。
浏览器是如何渲染页面的?
最新推荐文章于 2022-09-21 16:40:52 发布