下班前几分钟，我彻底弄懂了前端缓存

目录

前言

正文

分类

强缓存

Expires

Cache-Control

协商缓存

Last-Modified 和 If-Modified-Since

Etag 和 If-None-Match

流程图

扩展

缓存失效问题

缓存存放位置

---

前言

前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。下班前几分钟，我回顾了一下其基本内容。

正文

分类

前端缓存分为强缓存和协商缓存两种。

强缓存

强缓存主要使用 Expires、Cache-Control 两个头字段，当二者同时存在时 Cache-Control 的优先级更高。当命中强缓存时，客户端不会再发送请求，而是直接从缓存中读取内容，并返回 HTTP 状态码200。

Expires<