http缓存

前端缓存

前端缓存可分为两大类：http缓存和浏览器缓存。我们今天重点讲的是http缓存，所以关于浏览器缓存大家自行去查阅。下面这张图是前端缓存的一个大致知识点：

http缓存的分类：

1.强制缓存

不会向服务器发送请求，直接从缓存中读取资源，请求返回状态码为 200 ;

强制缓存时，服务端会在 Response Headers 中的 cache-control 对缓存时间、缓存方式等进行定义，如下图：

2.协商缓存

向服务器发送请求，服务器会根据这个请求的 Request Headers 的一些参数(etag 和 last-modified)来判断是否命中协商缓存，如果命中，则返回 304 状态码, 并带上新的 Request Headers 通知浏览器从缓存中读取资源；

协商缓存主要表现在 Response Headers 中的 etag 和 last-modified：

etag

• 即文件hash，每个文件唯一

last-modified

• 文件的修改时间，精确到秒

注意:

Response Headers 中的 etag、last-modified 在客户端重新向服务端发起请求时，会在 Request Headers 中换个key名：if-none-matched 和 if-modified-since