js、css、img等浏览器缓存问题的2种解决方案
2016-03-11 12:46
746 查看
细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了js、css,客户端不能更新
方法一 生成随机数字
复制代码代码如下:
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺点,浏览器缓存失去意义,每次都动态加载。
方法二 版本号控制,设置全局变量,每次发布前版本号加1
复制代码代码如下:
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推荐这种做法,这种做法比较简单。缺点是HTML页面不能使用,但是这种页面应该不太多
更多方法:采用读取文件大小、文件修改时间生成MD5的方式自动化实现,程序自动构建时压缩合并js并且全局替换版本,方式复杂
转自:http://www.jb51.net/article/42339.htm
方法一 生成随机数字
复制代码代码如下:
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺点,浏览器缓存失去意义,每次都动态加载。
方法二 版本号控制,设置全局变量,每次发布前版本号加1
复制代码代码如下:
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推荐这种做法,这种做法比较简单。缺点是HTML页面不能使用,但是这种页面应该不太多
更多方法:采用读取文件大小、文件修改时间生成MD5的方式自动化实现,程序自动构建时压缩合并js并且全局替换版本,方式复杂
转自:http://www.jb51.net/article/42339.htm
相关文章推荐
- css优化篇
- 使用div+CSS将页脚始终控制在页面最下方的方法
- CSS颜色、长度值、字体
- CSS总结1
- CSS选择器类型
- CSS3--gradient
- 小css
- CSS3 transform-origin 属性
- CSS完成各种图形的制作
- css3 Transition动画执行时有可能会出现闪烁的bug
- DIV+CSS常见问题
- css3 transform 属性
- [转]CSS 表单元素对齐详解
- css实现移动端图片文字水平居中
- 【死记硬背】CSS常用属性和注意事项
- IE中的CSS3不完全兼容方案
- css动画——transition和animation
- css后代选择器和属性选择器
- CSS3:nth-child()伪类选择器…
- 使用过的CSS小技巧笔记