0前言
公司react项目中,采用js加载项目某个界面去获取项目包最新的hash值,并获取当前项目的hash值,比较hash值以达到检测当前项目是否最新版本,否则提示刷新到最新版本。比如:
当比较值不同可提示。当一直都没有触发,通过hash值发现拿到hash值不是最新的,看下页面加载请求,虽返回200,却显示from disk cache。可见是浏览器缓存机制影响。故想起来研究浏览器缓存。
在前端开发中,性能一直都是被搭建所重视的一点,然而判断一个网站的性能最直观就是看网页打开速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的时间,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。
可见,在产品开发的时候,我们有时需要想办法避免缓存产生,而又希望用策略管理缓存提升网页的访问速度。所以,学习浏览器缓存的相关知识,了解浏览器的缓存面中原理,总结缓存避免和缓存管理的方法,并结合具体的场景说明缓存的相关问题。
1认识浏览器缓存
2、浏览器缓存机制
3、缓存命中流程
4、规避浏览器缓存