从输入URL到页面渲染的整个过程

从输入URL到页面渲染的整个过程

• 1.DNS解析，把url中的域名解析成对应的IP地址。如果本地DNS缓存没有响应的记录，则会向DNS发送请求，获取相应的IP地址。

• 2.浏览器使用获取到的目标服务器的IP地址，通过TCP/IP协议与服务器建立连接，浏览器会进行三次握手，确保连接建立正常。

• 3.浏览器会发送HTTP请求到服务器，请求中包含用户想要访问的资源的信息，比如页面文件、图片、样式表等等。

• 4.服务器收到请求以后，会解析请求并查找对应的资源，如果资源存在，并且可以访问，服务器端会返回一个http响应，包括了状态码、响应头、响应体

• 5.浏览器接收到服务器的响应后，开始下载响应中包含的资源文件，并按照资源类型进行解析，构建DOM树和CSSOM树。DOM树表示HTML文档中标记和内容的层次结构，CSSOM树表示CSS文件中的样式信息。浏览器根据DOM树和CSSOM树，计算出页面中元素的位置和样式，然后渲染到屏幕。如果有HTML中有js代码，则在解析HTML文档时会加载执行这些代码。js代码通过修改DOM树和CSSOM树，影响页面的呈现效果。