no-cache,max-age=0,nostore区别及304原理

稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。网上总结挺多的，但是，系统好理解确实很少

浏览器缓存机制

在说这个服务如何写之前我们先要明白浏览器缓存到底是个啥。来看下这个简略示意图：

可以看到浏览器的缓存机制分为两个部分。1、当前缓存是否过期？2、服务器中的文件是否有改动？

 

第一步：判断当前缓存是否过期

这是判断是否启用缓存的第一步。如果浏览器通过某些条件(条件之后再说)判断出来，ok现在这个缓存没有过期可以用，那么连请求都不会发的，直接是启用之前浏览器缓存下来的那份文件：

中看到这个css文件缓存没有过期，被浏览器直接通过缓存读取了出来，注意这个时候是不会向浏览器请求的！ 如果过期了就会向服务器重新发起请求，但是不一定就会重新拉取文件！

第二步：判断服务器中的文件是否有改动

1、缓存过期，文件有改动

如果服务器发现这个文件改变了那么你肯定不能再用以前浏览器的缓存了&#