1. 从输入 url 到页面展示的过程

1.1 流程

  1. 跳转
  2. 是否有缓存
  3. DNS查找,域名解析ip
  4. 创建TCP链接,之后才有HTTP三次握手(HTTP寻在TCP之上)
  5. 发送请求(Request)
  6. 接收响应(Response),返回请求的文件 (html)
  7. 浏览器渲染(1,2并行,后面是串行)

    1. 解析HTML --> DOM ree

      1. 标记化算法,进行元素状态的标记
      2. 生成DOM
    2. 解析CSS --> CSS tree

      1. 生成CSSOM
    3. 结合 --> Render tree

      1. 结合DOM与CSSOM,生成渲染树(Render tree)
    4. layout: 布局(布局渲染树)
    5. painting: 绘制(绘制渲染树)

1.2 参考

https://juejin.im/post/5c64d1...
https://juejin.im/book/5b9365...