拼多多面试从输入URL到页面加载完成发生了什么？

本文链接：https://blog.csdn.net/2301_80102608/article/details/140374208

从输入URL到页面加载完成，发生了一系列复杂的步骤，涉及到浏览器、DNS服务器、Web服务器等多个组件的协同工作。下面是详细的过程：

用户在浏览器地址栏输入URL并按下回车。

浏览器首先检查本地缓存中是否有该URL的资源，如果有且未过期，则直接从缓存中加载资源。

如果缓存中没有资源或资源已过期，浏览器需要将域名解析为IP地址：

浏览器通过获取到的IP地址，向服务器发起TCP连接，进行三次握手：

客户端发送SYN包：
- 客户端向服务器发送一个SYN（Synchronize）包，请求建立连接。这个包包含一个初始序列号（seq=x）。
- 状态转换： 客户端从CLOSED状态转换为SYN-SENT状态。
服务器返回SYN-ACK包：
- 服务器接收到SYN包后，发送一个SYN-ACK包，表示同意连接请求。这个包包含服务器的初始序列号（seq=y）和对客户端SYN包的确认号（ack=x+1）。
- 状态转换： 服务器从CLOSED状态转换为SYN-RECEIVED状态。
客户端发送ACK包：
- 客户端接收到SYN-ACK包后，发送一个ACK（Acknowledgment）包，确认连接建立。这个包包含客户端对服务器SYN包的确认号（ack=y+1）。
- 状态转换： 客户端进入ESTABLISHED状态，服务器接收到ACK包后也进入ESTABLISHED状态。

TCP连接建立后，浏览器向服务器发送HTTP请求：

服务器接收到HTTP请求后，进行处理并返回HTTP响应：

浏览器接收到服务器的响应后，开始处理和渲染页面：

当页面加载完成或连接超时，浏览器和服务器通过四次挥手关闭TCP连接：

客户端发送FIN包：
- 客户端向服务器发送一个FIN（Finish）包，请求关闭连接。这个包包含一个序列号（seq=u）。
- 状态转换： 客户端从ESTABLISHED状态转换为FIN-WAIT-1状态。
服务器返回ACK包：
- 服务器接收到FIN包后，发送一个ACK包，确认已收到关闭请求。这个包包含对客户端FIN包的确认号（ack=u+1）。
- 状态转换： 服务器从ESTABLISHED状态转换为CLOSE-WAIT状态，客户端接收到ACK包后从FIN-WAIT-1状态转换为FIN-WAIT-2状态。
服务器发送FIN包：
- 服务器发送一个FIN包，请求关闭连接。这个包包含一个序列号（seq=v）。
- 状态转换： 服务器从CLOSE-WAIT状态转换为LAST-ACK状态。
客户端返回ACK包：
- 客户端接收到FIN包后，发送一个ACK包，确认已收到服务器的关闭请求。这个包包含对服务器FIN包的确认号（ack=v+1）。
- 状态转换： 客户端从FIN-WAIT-2状态转换为TIME-WAIT状态，服务器接收到ACK包后进入CLOSED状态。客户端在经过一段时间（通常为2倍的MSL，最大报文段寿命）后进入CLOSED状态，完成连接关闭。