前面的话
缓存机制可以有很多种：比如客户端缓存、服务端缓存、代理服务器缓存等。
而本文主角HTTP的缓存是浏览器缓存。为什么这么说，下面来详细介绍一下。
HTTP缓存分类
HTTP缓存可以分为强缓存 与协商缓存。
强制缓存
当缓存数据库中已经有所请求的数据时，客户端直接从缓存数据库中获取数据。
当缓存数据库中没有要请求的数据时，客户端才会从服务端获取数据，并且服务器会将数据和缓存规则一起返回，缓存规则信息包含在响应头中。
- Expires: 将资源失效的日期告知客户端。Expires是HTTP1.0的产物，先都用Cache-Control代替。
- Cache-Control: 属性很多，用来控制缓存机制。
- private：对指定客户端提供缓存
- public：任何客户端与代理服务器都可以缓存
- max-age：缓存内容在t秒之后失效
- no-cache: 需要使用协商缓存来验证缓存数据
- no-store: 所有资源都不缓存
协商缓存
客户端会先从缓存数据库中获取到一个缓存数据的标识，得到标识后请求服务器端验证是否失效，如果没有失效服务器端会返回304，此时客户端就可以直接从缓存数据库中获取数据。如果标识失效了，服务器会返回更新后的数据。
- Last-Modified： 服务器在响应请求时，会告诉浏览器资源的最后修改时间
- if-Modified-Since：浏览器再次请求服务器的时候，请求头包含此字段，后面跟着上一次获取资源的时间。
如果资源在这个时间之后更新过，则响应更新后的资源，返回200 OK ；
如果资源在这个时间之后没有更新过，则响应一个header，返回304 Not Modified。 - if-UnModified-Since：与上面的相反。
如果资源在这个字段值之后没有被修改，则返回200 ok
如果资源在这个字段值之后修改过，则返回412Precondition failed（预处理错误） - Etag: 服务器响应请求时，通过此字段告诉浏览器当前资源在服务器生成的唯一标识。服务器为每一份资源分配对应的ETag值，当资源更新时，ETag值也需要更新。
缓存的优点
- 减少了冗余的数据传递
- 减少了服务器的负担，提高网站性能
- 加快了客户端加载网页的速度，这也是HTTP缓存属于客户端缓存的原因。
不同刷新的请求执行过程
- 浏览器地址栏中写入URL，回车浏览器发现缓存中有这个文件了，不用继续请求了，直接去缓存拿。（最快）
+F5 ，F5就是告诉浏览器，别偷懒，好歹去服务器看看这个文件是否有过期了。于是浏览器就胆胆襟襟的发送一个请求带上If-Modify-since。 - Ctrl+F5 告诉浏览器，你先把你缓存中的这个文件给我删了，然后再去服务器请求个完整的资源文件下来。于是客户端就完成了强行更新的操作.
参考链接：HTTP缓存机制
来源：CSDN
作者：crazy的蓝色梦想
链接：https://blog.csdn.net/qq_41257129/article/details/103585527