你的浏览器不支持canvas

Enjoy life!

从输入地址到页面渲染

Date: Author: JM

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。

从输入地址到页面渲染过程

  • show一张图

relationship-map

  • HTML为起点
  • 在地址栏输入网址 www.jmazm.com
  • 首先会在缓存里面看看有没有对应的资源,如果有,就直接返回此资源,如果没有,就向服务器发送请求,获取资源。
  • 浏览器器在真正向服务器端发送请求前,会先进行DNS查询其对应的IP地址,找到对应的IP地址了,才发送HTTP请求给服务器
  • 接着,HTTP发送请求成功后,就会进行 TCP 连接,然后通过 TCP 传输数据,数据传输完,TCP 关闭连接
  • HTML 拿回来后,开始进行解析。
  • HTML 会被解析成 DOM 树,而CSS则会被解析成一定的样式规则
  • DOM 树和样式规则会结合起来,形成渲染树,然后开始布局
  • 布局完后,就开始绘制页面,最终将页面呈现给用户

对于本文内容有问题或建议的小伙伴,欢迎在文章底部留言交流讨论。