从输入网址按下回车，到看到网页的过程中发生了什么？

1. 【用户】输入 URL
2. 【浏览器】从 URL 中解析出 主机名
3. 【浏览器】将 主机名 转换成 服务器ip地址（先查找本地DNS缓存列表，没有的话再向默认的DNS服务器发送查询请求并缓存）
4. 【浏览器】从 URL 中解析出 端口号
5. 【浏览器】与 目标服务器 建立 TCP连接（三次握手）
6. 【浏览器】向 服务器 发送一条 HTTP请求报文
7. 【服务器】向 浏览器 返回一条 HTTP响应报文
8. 关闭连接，【浏览器】解析文档
9. 如果文档中有其他资源，重复6 7 8 动作，直至资源全部加载完毕

渲染的基本流程

1. HTML解析出DOM Tree
2. CSS解析出Style Rules
3. 将二者关联生成Render Tree
4. Layout 根据Render Tree计算每个节点的信息
5. Painting 根据计算好的信息绘制整个页面

转载于:https://juejin.im/post/5ba1fc39f265da0ac55e4704