从输入 URL 到页面加载完成的过程中都发生了什么
过程概述
- 浏览器查找域名对应的 IP 地址；
- 浏览器根据 IP 地址与服务器建立 socket 连接；
- 浏览器与服务器通信： 浏览器请求，服务器处理请求；
- 浏览器与服务器断开连接。
1、浏览器查找域名对应的 IP 地址
image.png
概念解释
IP 地址：IP 协议为互联网上的每一个网络和每一台主机分配的一个逻辑地址。IP 地址如同门牌号码，通过 IP 地址才能确定一台主机位置。服务器本质也是一台主机，想要访问某个服务器，必须先知道它的 IP 地址；
域名（ DN ）：IP 地址由四个数字组成，中间用点号连接，在使用过程中难记忆且易输入错误，所以用我们熟悉的字母和数字组合来代替纯数字的 IP 地址，比如我们只会记住 www.baidu.com（百度域名） 而不是 220.181.112.244（百度的其中一个 IP 地址）；
DNS： 每个域名都对应一个或多个提供相同服务服务器的 IP 地址，只有知道服务器 IP 地址才能建立连接，所以需要通过 DNS 把域名解析成一个 IP 地址。
查找过程
(概述：就像是js的查找机制一样，先从内部开始找，然后延展到外部原型链去查找)
-
浏览器搜索自己的 DNS 缓存（维护一张域名与 IP 地址的对应表）；
-
搜索操作系统中的 DNS 缓存（维护一张域名与 IP 地址的对应表）；
-
搜索操作系统的 hosts 文件（ Windows 环境下，维护一张域名与 IP 地址的对应表）；
-
操作系统将域名发送至 LDNS（本地区域名服务器，如果你在学校接入互联网，则 LDNS 服务器就在学校，如果通过电信接入互联网，则 LDNS 服务器就在你当地的电信那里。）LDNS 查询 自己的 DNS 缓存（一般查找成功率在 80% 左右），查找成功则返回结果，失败则发起一个迭代 DNS 解析请求；
-
LDNS 向 Root Name Server （根域名服务器，其虽然没有每个域名的的具体信息，但存储了负责每个域，如 com、net、org等的解析的顶级域名服务器的地址）发起请求，此处，Root Name Server 返回 com 域的顶级域名服务器的地址；
-
LDNS 向 com 域的顶级域名服务器发起请求，返回 baidu.com 域名服务器地址；
-
LDNS 向 baidu.com 域名服务器发起请求，得到 www.baidu.com 的 IP 地址；
-
-
LDNS 将得到的 IP 地址返回给操作系统，同时自己也将 IP 地址缓存起来；
-
操作系统将 IP 地址返回给浏览器，同时自己也将 IP 地址缓存起来；
Fin：至此，浏览器已经得到了域名对应的 IP 地址。
2、浏览器根据 IP 地址与服务器建立 socket 连接；（三次握手）
第一次握手：client向server发送请求连接的报文
第二次握手：server接受连接后回复ack报文
第三次握手：clinet接收ack报文后向server发送ack报文，并分配资源，这tcp连接就建立了。
3、浏览器与服务器通信： 浏览器请求，服务器处理请求；
（概述：浏览器得到数据后对html进行数据渲染）
实现过程：
- 浏览器根据 URL 内容生成 HTTP 请求，请求中包含请求文件的位置、请求文件的方式等等；
- 服务器接到请求后，会根据 HTTP 请求中的内容来决定如何获取相应的 HTML 文件；
- 服务器将得到的 HTML 文件发送给浏览器；
- 在浏览器还没有完全接收 HTML 文件时便开始渲染、显示网页；
- 在执行 HTML 中代码时，根据需要，浏览器会继续请求图片、CSS、JavsScript等文件，过程同请求 HTML ；
4、浏览器与服务器断开连接（四次握手）
【中断连接端可以是client，也可以是server。毕竟谁都可以叫停。上图为分手需要完成的四次握手】
第一次握手：client向server发送中断链接请求，发送FIN报文。表达：我要跟你分手啦，你还有没有什么话要说，如果还有，就不必急着同意，可以继续说，或者发送数据。
第二次握手：发送ACK。表达：我听到你要跟我分手了，但我心有不忍，我要准备一下。请你等等我。【这个时候，client进入fin_wait状态，继续等待server端的fin报文】
第三次握手：server考虑好了，觉得挽留无意。说完要说的话，为client做完要做的事，向cllient发送FIN报文，告诉client，我话都说完，可以为你做的事也做完，放你自由。我准备关闭自己的连接了。
第四次握手：client收到fin报文后，知道server同意分开，但client不相信网络，怕server不知道要关闭，所以发送ack进入time_wait状态，如果server没有收到ack，会重传。server收到ack后，就真的彻底断开连接了。
cliient发送分手的状态：
server发送分手的状态：
