前端面试考点：前端缓存

前端缓存
前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。今天我们再来总结一下。

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

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

Expires
响应头，代表该资源的过期时间。是一个GMT 格式的标准时间。

当客户端请求服务器的时候，服务器会返回资源的同时还会带上响应头Expires，表示资源的过期具体时间，如果客户端在过期时间之前再次获取该资源，就不需要再请求我服务器了，可以直接在缓存里面拿。

使用Expires强缓存优点：

1.在过期时间以内，为用户省了很多流量。
2.减少了服务器重复读取磁盘文件的压力。

使用Expires强缓存缺点
1.缓存过期以后，服务器不管文件有没有变化会再次请求服务器。

2.缓存过期时间是一个具体的时间，这个时间依赖于客户端的时间，如果时间不准确或者被改动缓存也会随之受到影响。

Cache-Control
请求/响应头，缓存控制字段，精确控制缓存策略。

为了让强缓存更精确，HTTP1.1增加了Cache-Control字段。Cache-Control既能出现在请求头又能出现在响应头，其不同的值代表不同的意思，下面我们具体分析一下。