输入URL到页面加载完发生的那些事儿

1 浏览器解析URL，生成HTTP请求

URL示例

http://www.zhangyingji.cn/index.html

对应如下：

协议 + // + Web服务器名 + / + 文件路径名

2 浏览器先查看浏览器缓存-系统缓存-路由器缓存
- 有：加载页面
- 没有：进行DNS解析，获取IP

3 浏览器向服务器发起TCP连接

TCP连接：三次握手
- 客户端发送SYN为1的TCP包①给服务器
- 服务器收到SYN包，返回SYN为1的TCP包，同时还包含表示收到①包的ACK
- 客户端收到SYN＋ACK包，返回一个包含表示确认的ACK的TCP包。连接建立。

TCP断开：四次挥手
- 客户端发送FIN：1
- 服务器返回ACK
- 服务器发送FIN：1
- 客户端返回ACK

4 浏览器向服务器发送http请求，请求数据包

5 服务器处理收到的请求，将数据返回至浏览器

6 浏览器收到http响应

7 读取页面内容，浏览器渲染，解析HTML源码

8 生成DOM树、解析CSS样式、JS交互

9 客户端和服务器交互

10 AJAX查询