- 用户输入 www.baidu.com
- 浏览器通过 DNS，把 url 解析为 IP
- 和 IP 地址建立 TCP 链接， 发送 HTTP 请求
- 服务器接受请求，查库，读文件等，拼接好返回的 HTTP 请求
- 浏览器收到首屏 html，开始渲染
- 解析 html 为 dom
- 解析 css 为 css-tree
- dom + css 生成 render-tree 绘图
- 加载 script 的 js 文件
- 执行 js
三个主要过程
- DNS 解析
- TCP 连接
- HTTP 请求/响应
浏览器时如何对页面进行渲染的？
a. 解析 html 文件构成 DOM 树
b. 解析 css 文件构成渲染树
c. 边解析，边渲染
d. JS 单线程运行，JS有可能修改DOM结构，意味着 JS 执行完成前，后续所有资源的下载是没有必要的，所以JS是单线程，会阻塞后续资源下载。
