请求

从输入 url 到页面展示的完整的过程

• 网路请求
  • DNS 查询，建立 t c p
  • 浏览器发请求
  • 收到请求的响应，得到 html 的源代码
  • 解析 html 过程中遇到静态资源 继续请求静态资源 发网络请求
  • 静态资源可能有强缓存，cache-control 此时不用请求
• 解析
  • 字符串 => 结构化
  • html 构建 dom 树
  • css 构建 cssdom 树
  • render tree
• 渲染
  • 计算 dom 尺寸，位置，绘制到页面上
  • 遇到 js 可能会执行
  • 异步的 css 图片加载 也可能会触发重新渲染

ajax fetch axios 区别

• 都是用于网络请求，但是是不同的维度

• ajax 属于统称

  x;
  

• fetch 是浏览器自带的 api

• axios 是第三方库