说说浏览器渲染页面的过程
时间:12-14来源:作者:点击数:
- 输入域名,会进行 DNS 解析,如果有 DNS 缓存,直接使用缓存,否则会请求 DNS 服务器查询ip地址
- 查看是否有缓存,强缓存符合则使用缓存,协商缓存则判断缓存是否过期
- 开始 TCP 链接,通过三次握手与服务连接,获取资源
- 浏览器拿到HTMl后开始解析,加载资源
- HTML 构建 DOM 树, CSS 构建 CSSOM 树
- DOM 树和 CSSOM 树合并成为 render 树 (带有颜色的矩形)
- 浏览器根据 render 树的节点 开始计算布局,获取节点在屏幕上的具体坐标
- 遍历 render 树的每个节点,将节点绘制到屏幕上
- 最终页面呈现在我们眼前
方便获取更多学习、工作、生活信息请关注本站
微信公众号
