从URL到访问页面渲染

URL-->DNS

  1. 首先在浏览器中输入https://www.baidu.com,浏览器请求解析DNS服务,将域名解析成IP地址返回.
  2. 系统会先从本地的DNS缓存以及hosts文件中找到域名对应的IP地址.如果没有再去DNS中请求.

IP地址-->服务器

  1. 通过IP地址访问服务器,服务器监听80端口,通过path返回对应的资源.
  2. 服务器响应模板+数据,状态码200.浏览器接收资源.

浏览器解析数据并渲染

  1. 浏览器解析html-->DOM,解析css-->CSSOM(CSS对象模型).
  2. DOM+CSSOM合成render(渲染树),render进行layout(布局)计算每个节点的几何结构,最后把每个节点绘制到屏幕painting(渲染).

你可能感兴趣的:(前端)