浏览器渲染原理学习

149 阅读1分钟

在经历了DNS域名解析、TCP连接等略显繁琐的步骤后,浏览器终于要将页面渲染出来呈现在用户面前了。

浏览器渲染示意简图

渲染过程

1.浏览器解析HTML文件生成DOM树;
2.解析CSS样式生成CSS规则树;
2.DOM树和css规则树合并生成渲染树;
3.浏览器根据渲染树渲染出页面。