前端缓存 （http缓存 与 本地缓存）

前端缓存主要是分为http缓存和本地缓存

http 缓存

强缓存：Expires（过期时间）/ Cache-Control（no-cache）（优先级高）

协商缓存：Last-Modified/Etag（优先级高）其中 Etag适用于经常改变的小文件 Last-Modified适用于不怎么改变的大文件

强缓存和协商缓存策略：
在缓存命中时都会直接使用本地的缓存副本，区别只在于协商缓存会向服务器发送一次请求，缓存不命中时，都会向服务器发送请求来获取资源。

在实际的缓存机制中，强缓存策略和协商缓存策略说一起合作使用的。浏览器首先会根据请求的信息判断，强缓存说否命中，如果命中，则直接使用资源。则直接使用资源。如果不命中则根据头部信息向服务器发起请求，使用协商缓存，如果协商缓存命中，则服务器不放回资源，浏览器直接使用本地资料的副本，如果协商缓存不命中，则浏览器返回最新的资源给浏览器。

本地缓存：

cookie：数据存储不能超过4k，过期时间之前有效，始终在同源的http请求中携带，有path的概念，限制cookie只属于某个路径

webStorage 数据存储可以达到5M，仅在本地保存，不会把数据发送给服务端

localStorage 始终有效，可以用作持久数据

sessionStorage 仅在当前浏览器关闭之前有效

indexDB

以上几种本地缓存的共同点：都是保存在浏览器端，并且是同源的。