🥇 域名以及域名解析

域名解析是把域名指向网站空间IP，让人们通过注册的域名可以方便地访问到网站的一种服务。IP地址是网络上标识站点的数字地址，为了方便记忆，采用域名来代替IP地址标识站点地址。域名解析就是域名到IP地址的转换过程。域名的解析工作由DNS服务器完成。
域名解析也叫域名指向、服务器设置、域名配置以及反向IP登记等等。说得简单点就是将好记的域名解析成IP，服务由DNS服务器完成，是把域名解析到一个IP地址，然后在此IP地址的主机上将一个子目录与域名绑定。
互联网中的地址是数字的IP地址，域名解析的作用主要就是为了便于记忆。

🥇 浏览器从输入URL到渲染完页面的整个过程

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

  1. DNS解析URL的过程
  2. 浏览器发送请求与服务器交互的过程
  3. 浏览器对接收到的html页面渲染的过程

🥈 DNS解析URL的过程

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

  1. 浏览器缓存：浏览器会按照一定的频率 缓存DNS记录
  2. 操作系统缓存：如果浏览器缓存中找不到需要的DNS记录，就会取操作系统中找
  3. 路由缓存：路由器也有DNS缓存
  4. ISP的DNS服务器：ISP有专门的DNS服务器应对DNS查询请求
  5. 根服务器：ISP的DNS服务器找不到之后，就要向根服务器发出请求，进行递归查询

🥈 浏览器与服务器交互过程

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

🥈 浏览器页面渲染过程

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