共计 336 个字符,预计需要花费 1 分钟才能阅读完成。
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…
正文完
发表至: javascript
2019-05-08