说说浏览器渲染页面的过程

Question

1. 输入域名，会进行 DNS 解析，如果有 DNS 缓存，直接使用缓存，否则会请求 DNS 服务器查询ip地址
2. 查看是否有缓存，强缓存符合则使用缓存，协商缓存则判断缓存是否过期
3. 开始 TCP 链接，通过三次握手与服务连接，获取资源
4. 浏览器拿到HTMl后开始解析，加载资源
5. HTML 构建 DOM 树， CSS 构建 CSSOM 树
6. DOM 树和 CSSOM 树合并成为 render 树 （带有颜色的矩形）
7. 浏览器根据 render 树的节点 开始计算布局，获取节点在屏幕上的具体坐标
8. 遍历 render 树的每个节点，将节点绘制到屏幕上
9. 最终页面呈现在我们眼前