码迷,mamicode.com
首页 > 其他好文 > 详细

聊聊缓存

时间:2018-07-06 01:49:23      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:.com   code   本地   现在   webp   解决   angular   log   知识   

? 用了一年多的webpack+angular,都已经忘了浏览器缓存的困扰了。直到接手了一个传统的jquery项目。开发的时候还好,ctrl+F5就行了,但是上线就麻烦了,特别是微信网页,缓存太难清理了,所以浏览器缓存不得不解决。

首先说现在去缓存的方式:基于文件添加md5指纹,即如果文件有变动则更新md5指纹,文件不变动就不改变,因此很好的利用了浏览器缓存,又不会出现更新了服务器端的css,js资源而浏览器看不到的效果。

那老项目没有用gulp、webpack呢,其实就是在应用静态资源添加版本号,如:<link styel.css?version=1.0.0>(文件名不用改),因为浏览器是根据url来判断文件有没有更新,添加?version后浏览器无法匹配本地缓存的资源,会去服务器重新加载,从而达到更新的目的。

关于缓存的知识:浏览器缓存知识小结及应用

聊聊缓存

标签:.com   code   本地   现在   webp   解决   angular   log   知识   

原文地址:https://www.cnblogs.com/guagnxu/p/9270939.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!