前端面试-缓存篇

一，service worker（自定缓存）

 

二，memory cache（浏览器自身的内存缓存优化，tab页没关闭前都存在memory cache）

 

三，disk cache

    强缓存：

        Expires（有格式化的时间，在服务器端设置才生效，若命中则200 (disk cache)）

        Cache-Control（max-age:秒，在服务器端设置才生效，若命中则200 (disk cache)，不缓存的值为no-cache、no-store、Max-Age=0，Cache-Control优先级比Expires高）

    304协商缓存：（Last-Modified（记录时间）和Etag（记录文件hash））

        Last-Modified的问题是哪怕文件没有改变，也会更新这个响应头

        为了解决上面这个问题，使用了Etag，哪怕修改时间更新了但是内容没有改变，也不会重新请求，但是Etag每次生成会增加服务器的开销

 

相关文章：https://blog.csdn.net/qq_35066355/article/details/108662057?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduend~default-1-108662057.nonecase&utm_term=强缓存和协商缓存的状态码&spm=1000.2123.3001.4430