【重排重绘】从输入url到浏览器展示页面发生了什么？

news2024/10/3 4:34:36

- - 步骤如下：
  - - - 一、用户在浏览器搜索栏中输入`url`地址
        二、浏览器解析域名得到`服务器ip地址`
        浏览器解析域名得到服务器ip地址有哪些过程？
        三、TCP三次握手建立客户端和服务器的连接
        四、客户端发送HTTP请求获取服务器端的静态资源
        五、服务器发送HTTP响应报文给客户端，客户端获取到页面静态资源
        六、TCP四次挥手关闭客户端和服务器的连接
        七、浏览器解析文档资源并渲染页面
  - 其他细节知识补充：
  - - - 1、`Render Tree`的生成
        2、回流和重绘
        3、性能优化

步骤如下：

一、用户在浏览器搜索栏中输入`url`地址

二、浏览器解析域名得到`服务器ip地址`

在这里插入图片描述

浏览器解析域名得到服务器ip地址有哪些过程？

第一步：检查浏览器缓存中是否缓存过该域名对应的IP地址，如果没有找到继续下一步

第二步：如果在浏览器缓存中没有找到IP，那么将继续查找本机系统是否缓存过IP，如果没有找到继续下一步

第三步：向本地域名解析服务系统发起域名解析的请求

如果在本机上无法完成域名的解析，那么系统只能请求本地域名解析服务系统进行解析，本地域名系统一般都是本地区的域名服务器，比如你连接的校园网，那么域名解析系统就在你的校园机房里，如果你连接的是电信、移动或者联通的网络，那么本地域名解析服务器就在本地区，由各自的运营商来提供服务。

第四步：当本地的域名服务器收到请求后，就先查询本地的缓存，如果有该纪录项，则本地的域名服务器就直接把查询的结果返回。

第五步：如果本地的缓存中没有该纪录，则本地域名服务器就直接把请求发给根域名服务器，然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名服务器的地址。

第六步：本地服务器再向上一步返回的域名服务器发送请求，然后接受请求的服务器查询自己的缓存，如果没有该纪录，则返回相关的下级的域名服务器的地址。

第七步：重复第六步，直到找到正确的纪录。

第八步：本地域名服务器把返回的结果保存到缓存，以备下一次使用，同时还将结果返回给客户机的客户端（浏览器）。

三、TCP三次握手建立客户端和服务器的连接

在这里插入图片描述
因为HTTP是基于TCP的可靠传输，所以在发送http数据报之前，需要先进行TCP的三次握手建立连接。三次握手过程如下：

第一次握手：客户端—>服务端 ack=1,seq=x（x随机生成）
第二次握手：服务端—>客户端 ACK=1,ack=x+1,seq=y（y随机生成）
第三次握手：客户端—>服务端 ACK=1,ack=y+1,seq=x+1

第一次
第一次握手：建立连接时，客户端发送syn包（seq=j）到服务器，并进入SYN_SENT状态，等待服务器确认；SYN：同步序列编号（Synchronize Sequence Numbers）。
第二次
第二次握手：服务器收到syn包，必须确认客户端的SYN（ack=j+1），同时自己也发送一个SYN包（seq=k），即SYN+ACK包，此时服务器进入SYN_RECV状态。
第三次
第三次握手：客户端收到服务器的SYN+ACK包，向服务器发送确认包ACK(ack=k+1)，此包发送完毕，客户端和服务器进入ESTABLISHED（TCP连接成功）状态，完成三次握手。
在上述过程中，还有3个重要概念略微提及：