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

从输入URL到渲染出整个页面的过程包括三个部分：

DNS解析URL > 浏览器发送请求与服务器交互 > 浏览器对接收到的html页面渲染

在这里插入图片描述

一、DNS解析URL的过程

DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.baidu.com）作为网址。DNS解析就是将域名翻译成IP地址的过程。

具体过程：

1）浏览器缓存：浏览器会按照一定的频率 缓存DNS记录 2）操作系统：如果浏览器缓存中找不到，就会去操作系统中找（host文件） 3）路由缓存：路由器也有DNS缓存 4）请求本地域名服务器（LDNS），80%的域名解析到这里就完成了 5）根服务器：本地服务器找不到之后，就要向根服务器发出请求，进行递归查询

二、浏览器与服务器交互过程

1）浏览器根据解析到的IP地址和端口号发起http请求 http请求包括header和body。header中包括请求的方式（get和post）、请求的协议 （http、https、ftp）、请求的地址ip、缓存cookie。body中有请求的内容。 2）http请求到达传输层，利用tcp协议与服务器建立连接（三次握手） 3）服务器接收到http请求之后，开始搜索html页面，并发送响应报文 4）浏览器接收到返回的html页面之后，若状态码显示成功，开始进行页面的渲染

三、浏览器页面渲染过程

1）浏览器通过HTML parse根据深度遍历的方式把html节点遍历成dom 树 2）将css解析成CSS DOM树 3）将dom树和CSS DOM树构造成render树 4）根据得到的render树 计算所有节点在屏幕中的位置进行布局 5）遍历render树并调用硬件API绘制所有节点