前端面试浏览器

11次阅读

共计 336 个字符,预计需要花费 1 分钟才能阅读完成。

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…

正文完
 0