浏览器缓存

浏览器缓存.png

描述：C:client S:server （1.1）（1.2）分别为（1）的不同情况下走的流程
C第一次请求-》S返回response-header：{cache-control：max-age private（默认）/public no-cache/no-store（一个或多个）}-》C缓存header
C第二次请求-》检查header，判断是否有缓存（1）-》
（1.1）有缓存-》判断是否过期（2）-》
（1.2）无缓存-》请求服务器
（2.1）过期-》使用协商缓存
（2.2）没过期-》判断是否跳过强缓存（3）-》
（3.1）跳过强缓存-》使用协商缓存
（3.2）不跳过强缓存-》使用强缓存
协商缓存-》带上{if-none-match：Etag，if-modified-since：Last-modified}字段访问S-》S对比两个字段-》资源是否变化（4）-》
（4.1）资源变化-》返回304，及变化后的header
（4.2）-》返回200，继续使用缓存，更新header
有兴趣结合流程图看看吧，个人总结，如有错误欢迎指出。