缓存策略是前端开发面试中常考的知识点之一,在项目开发时也会经常遇到
浏览器缓存策略
浏览器每次发起请求前,会先在本地缓存中查找缓存标识和结果,根据缓存标识的内容来确定是否需要使用本地缓存
缓存都是从第二次请求开始的,在第一次请求资源时,服务器返回资源的同时,在响应头中回传请求的资源的缓存策略;第二次请求时,通过缓存策略决定是否需要发送请求到服务器,若发送,服务器通过请求的缓存策略判断是否需要返回新数据。
强缓存
- 服务器通知浏览器一个缓存时间,在缓存时间内的下次请求直接使用缓存,不在时间内则执行协商缓存策略
- 若强缓存命中,直接读取浏览器本地资源,不发送请求,返回 200 (from xx) 状态码
- 强缓存字段有
Expires
和Cache-control
Expries
- HTTP/1.0 中的字段,一个绝对时间表示缓存的到期时间,用于告诉浏览器在过期时间之前不需要发送请求
- 用户可能将客户端本地时间修改,导致浏览器判断缓存错误。此外时差或其他误差也可能导致客户端时间与服务器端不一致,导致缓存失效
Cache-control
-
HTTP/1.1 中的字段,一个相对时间表示自上次请求正确的资源后的最大有效时间,用于告诉浏览器在时间内不需要发送请求
-
优先级高于Expries
-
Cache-Control 请求头常用值: