浏览器缓存
Cache-Control
1、max-age（单位为s）当浏览器向服务器发送请求后，在max-age这段时间里浏览器就不会再向服务器发送请求了。max-age会覆盖掉Expires。
max-age=2592000
也就是说缓存有效期为2592000秒（也就是30天）。于是在30天内都会使用这个版本的资源，即使服务器上的资源发生了变化，浏览器也不会得到通知。
2、s-maxage（单位为s），只用于共享缓存（比如CDN）
s-maxage=60
在这60秒中，即使更新了CDN的内容，浏览器也不会进行请求。如果存在s-maxage，则会覆盖掉max-age和Expires header。
3、public指定响应会被缓存，并且在多用户间共享。如果没有指定public还是private，则默认为public
4、private响应只作为私有的缓存，不能在用户间共享。
5、no-cache指定不缓存响应，表明资源不进行缓存。设置了no-cache之后并不代表浏览器不缓存，而是在缓存前要向服务器确认资源是否被更改。因此有的时候只设置no-cache防止缓存还是不够保险，还可以加上private指令，将过期时间设为过去的时间。
6、no-store绝对禁止缓存
Expires
缓存过期时间，用来指定资源到期的时间，是服务器端的具体的时间点。也就是说，Expires = max-age + 请求时间，需要和Last-modified结合使用。
Last-modified
服务器端文件的最后修改时间，需要和cache-control共同使用，是检查服务器端资源是否更新的一种方式。当浏览器再次进行请求时，会向服务器传送If-Modified-Since报头，询问Last-Modified时间点之后资源是否被修改过。如果没有修改，则返回码为304，使用缓存；如果修改过，则再次去服务器请求资源，返回码和首次请求相同为200，资源为服务器最新资源。
ETag
根据实体内容生成一段hash字符串，标识资源的状态，由服务端产生。浏览器会将这串字符串传回服务器，验证资源是否已经修改
使用ETag可以解决Last-modified存在的一些问题：
- 某些服务器不能精确得到资源的最后修改时间，这样就无法通过最后修改时间判断资源是否更新
- 如果资源修改非常频繁，在秒以下的时间内进行修改，而
Last-modified只能精确到秒 - 一些资源的最后修改时间改变了，但是内容没改变，使用
ETag就认为资源还是没有修改的。
使用缓存流程
其他
LocalStorage是一种本地存储的公共资源，域名下很多应用共享这份资源会有风险；LocalStorage是以页面域名划分的，如果有多个等价域名之间的LocalStorage不互通，则会造成缓存多份浪费。