一、浏览器缓存位置
- memory cache（内存缓存）：存放在内存中，用于临时保存资源，缓存会随着进程的释放而释放。
- service worker cache（服务工作者缓存）：是运行在浏览器背景的一种独立线程，开发者可以自由地控制缓存哪些文件、如何匹配缓存、如何读取缓存，并且缓存是持久化的。
- http cache（http缓存）：根据http协议中定义的缓存规则进行文件缓存，具体可分为：
3.1 disk cache（磁盘缓存）：把资源存储在硬盘中，优先级低于内存缓存，但存储时间更长，适合大文件或不频繁更新的资源。会根据http头的字段判断需要缓存哪些资源
3.2 menory cache（内存中的http缓存）：某些情况下，HTTP 缓存的部分资源可能也会被保存在内存中，尤其是容量较小或频繁访问的资源。浏览器可能根据算法和策略，决定哪些资源应该被缓存在内存中 - push cache（推送缓存）：使用 HTTP/2 推送的资源会临时存储在推送缓存中。这种类型的缓存只适用于单次会话，优先级通常很低。
以上四种缓存，优先级从高到低依次是：Memory Cache > Service Worker Cache > HTTP Cache > Push Cache。
二、浏览器缓存策略
1. 强缓存
通过设置http头部的expires和cache-control字段来实现。当浏览器再次请求同样的资源时，如果缓存有效期内，浏览器直接从本地缓存读取，不会发出请求，不需要向服务器索要。强缓存不会考虑服务器上的文件是否有修改，因此如果期间服务器上的文件有所改动，客户端也不会得知。
-
设置Expires：http/1.0的产品，过期时间，值为一个具体的到期时间，如
expires: Tue, 18 Apr 2024 01:30:40 GMT。 -
设置Cache-Control：http/1.0的产品，可以设置的值有private、public、no-cache、no-store、max-age，其中max-age可以设置资源的有效期，优先级比Expires高，用来指定资源的最大存活时间（max-age）单位是秒，如
Cache-Control: max-age=31536000。
cache-control其他指令含义：
（1）public： 表示响应可以被任何对象缓存，包括发送请求的客服端、代理服务器等
（2）private：表示响应只能被单个用户缓存，不能作为共享缓存，即代理服务器不能缓存和重复使用
（3）no-cache：表示必须重新验证缓存数据才能使用，也就是说不直接使用缓存数据，需要检查在服务端是否被修改过。
（4）no-store：不缓存请求或者响应的任何内容。
2. 协商缓存
需要访问服务器缓存是否过期。当强缓存失效后，浏览器就会与服务器进行“协商”，确定资源是否需要更新。这是通过在请求头和响应头中使用Last-Modified/If-Modified-Since和ETag/If-None-Match这两对字段实现的。 - Last-Modified/If-Modified-Since：last-modified即最后修改时间。当浏览器第一次请求资源时，服务器会在响应头增加"Last-Modified"表示该资源最后的修改时间，当浏览器再次请求资源时，会在请求头中带上"If-Modified-Since"字段，该字段的值为上一次服务器返回的最后修改时间，服务器会比对这两个时间，如果资源相同返回304，否则返回新的资源并更新"Last-Modified"
- ETag/If-None-Match：etag标识文件唯一的标识符。缓存过程与 last-modified 相同：服务器发送 ETag 字段 -> 浏览器再次请求时发送 If-None-Match（值为上一次的etag值的值）-> 如果 ETag 值不匹配，则文件已更改，返回新的资源并更新 ETag，匹配则返回 304。
注：浏览器刷新f5会走正常缓存流程（强缓存和协商缓存），ctrl+f5会跳过，直接全部请求服务器重新拉取资源
