1. 从输入 url 到页面展示的过程
1.1 流程
- 跳转
- 是否有缓存
- DNS查找,域名解析ip
- 创建TCP链接,之后才有HTTP三次握手(HTTP寻在TCP之上)
- 发送请求(Request)
- 接收响应(Response),返回请求的文件 (html)
浏览器渲染(1,2并行,后面是串行)
解析HTML --> DOM ree
- 标记化算法,进行元素状态的标记
- 生成DOM
解析CSS --> CSS tree
- 生成CSSOM
结合 --> Render tree
- 结合DOM与CSSOM,生成渲染树(Render tree)
- layout: 布局(布局渲染树)
- painting: 绘制(绘制渲染树)
1.2 参考
https://juejin.im/post/5c64d1...
https://juejin.im/book/5b9365...