admin管理员组

文章数量:1626246

文章目录

  • 一、HTTP报文
    • 1.HTTP请求(Request)报文
    • 2.HTTP响应(Response)报文
  • 二、缓存过程分析
  • 三、缓存规则
    • 1.强制缓存
      • 1.1Expires
      • 1.2 Cache-Control
      • 1.3例子
    • 2. 缓存存储
    • 3.协商缓存
      • 3.1 Last-Modified / If-Modified-Since
      • 3.2 Etag / If-None-Match
  • 四、不同刷新的请求执行过程
  • 五、总结

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文。

一、HTTP报文

HTTP报文分为两种：

1.HTTP请求(Request)报文

报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图


2.HTTP响应(Response)报文

报文格式为：状态行 – HTTP头(通用信息头，响应头，实体头) – 响应报文主体，如下图

二、缓存过程分析

浏览器与服务器通信的方式为应答模式，即是：浏览器发起HTTP请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果，是则将请求结果和缓存标识存入浏览器缓存中，简单的过程如下图：


由上图我们可以知道：

  • 浏览器每次发起请求，都会先在浏览器缓存中查找该请求的结果以及缓存标识
  • 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中

三、缓存规则

1.强制缓存

强制缓存就是向浏览器缓存查找该请求结果，并根据该结果的缓存规则来决定是否使用该缓存结果的过程，强制缓存的情况主要有三种(暂不分析协商缓存过程)，如下：

  1. 不存在该缓存结果和缓存标识，强制缓存失效，则直接向服务器发起请求（跟第一次发起请求一致），如下图：
  2. 存在该缓存结果和缓存标识，但该结果已失效，强制缓存失效，则使用协商缓存(暂不分析)，如下图
<

本文标签： 缓存浏览器机制基础http

版权声明：本文标题：前端基础-浏览器缓存HTTP缓存机制(面试常考) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1728949884a1181413.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。