一次搞定前端“核心主线”——从输入URL到页面展示发生了什么

1. 构建请求

2. 查找强缓存

什么是强缓存
浏览的缓存策略分为强缓存和协商缓存,他们之间的根本区别是是否需要发请求。简单来说,强缓存就是你的本地文件(保存在硬盘或者内存中),你可以立马访问到;协商缓存是需要发请求给服务器,问问资源是否有更新,如果没有更新就访问本地缓存;如果更新,服务器会返回更新后的资源文件

3. DNS解析 找到 URL 对应的服务器 IP 地址

4. 建立TCP连接 三次握手

5. 发送请求,收到响应

6.查找协商缓存

7. 断开 TCP 连接

8. 解析 HTML,构建 DOM 树

9. 样式计算,构建 CSSOM 树

10. 布局 (Layout)

11. 生成图层树

12. 绘制

13. 栅格化

14. 合成与显示

原文地址:https://www.cnblogs.com/kawayi/p/14435173.html