强缓存的原理
1.浏览器对莫个资源的请求中增加了强缓存,返回的状态码:200 ,network--size 中会显示from cache.
2.强缓存是利用Expire或者是cache-control这个2个http response header实现的,他们都是表示客户端资源的有效期
3.Expire的缓存原理:
1)浏览器第一次跟服务器请求一个资源,服务器返回这个资源的同时,在response的header加上Expires的header,如图所示:
2)浏览器在接受到这个资源后,会把这个资源连同所有的response hearder一起缓存下来(所以缓存命中的请求返回的是header并不是来自服务器,而是来自前缓存的header)
3) 浏览器再次请求时,是从缓存中寻找,找到这个资源后,用它的Expire和当前的请求时间进行比较。,如果请求时间在在expires指定的时间之前,就能命中缓存。否则就不行
禁用掉强缓存:开启浏览器的隐私模式; disable cache
成长路上踩的坑,应该被牢记