浏览器的缓存策略

强缓存：根据服务器响应头字段(Expires或Cache-Control)的过期时间，来判断是否需要发送HTTP请求或者读取缓存数据的一种策略；
协商缓存：当强缓存失效之后，浏览器在请求头中携带相应的缓存tag(Last-Modified 或 ETag)来向服务器发请求，由服务器根据这个tag，来决定是否使用缓存；

• Expires：即过期时间，存在于服务端返回的响应头中，告诉浏览器在这个过期时间之前可以直接从缓存里面获取数据，无需再次请求;

• Cache-Control：采用过期时长来控制缓存而非具体的过期时间，对应的字段有

• max-age：过期时长。以秒为单位，例如 Cache-Control:max-age=3600，表示这个响应返回后在 3600 秒，也就是一个小时之内可以直接使用缓存

• private：只有浏览器能缓存，中间的代理服务器不能缓存

• no-cache: 跳过当前的强缓存，发送HTTP请求，即直接进入协商缓存阶段

• no-store：不进行任何缓存

• s-maxage：和 max-age差不多，但是区别在于s-maxage是针对代理服务器的缓存时间

• must-revalidate：这个字段判断一旦缓存过期，就必须回到源服务器验证
  在HTTP/1.0和HTTP/1.1当中，这个字段是不一样的。在早期，也就是HTTP/1.0时期，使用的是Expires，而HTTP/1.1使用的是Cache-Control

• Last-Modified: 即最后修改时间。在浏览器第一次给服务器发送请求后，服务器会在响应头中加上这个字段。

• If-Modified-Since：浏览器接收到后，如果再次请求，会在请求头中携带If-Modified-Since字段;
  ETag: 服务器根据当前文件的内容，给文件生成的唯一标识，只要里面的内容有改动，这个值就会变。

• If-None-Match：服务器通过响应头把这个值给浏览器。浏览器接收到ETag的值，会在下次请求时，将这个值作为If-None-Match这个字段的内容，并放到请求头中，然后发给服务器
  F5 刷新网页会让浏览器跳过检查强缓存，直接去服务器检查协商缓存，如果命中则Status Code会显示304 Not Modified

Ctrl + F5 强制刷新网页会导致浏览器直接跳过强缓存跟协商缓存，直接去请求新的资源，返回状态码200 OK