js、css、img等浏览器缓存问题的2种解决方案
更新时间：2013年10月23日 17:45:55 作者：
浏览器缓存的意义在于提高了执行效率，但是也随之而来带来了一些问题，导致服务端修改了js、css，客户端不能更新，下面有几个不错的方法可以解决此问题，感兴趣的朋友可以参考下
细节决定成败！浏览器缓存的意义在于提高了执行效率，但是也随之而来带来了一些问题，导致服务端修改了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并且全局替换版本，方式复杂，有兴趣的可以研究一下
谁还有更好的方法？
方法一 生成随机数字
复制代码 代码如下:
<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并且全局替换版本，方式复杂，有兴趣的可以研究一下
谁还有更好的方法？
相关文章
当然随着HTML5的普及，web DB 已经是大势所趋了2010-05-05
这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素，经测试，效果不错，需要的朋友可以看看2014-09-09
curl命令查看请求响应时间的方法非常简单，今天小编抽空给大家介绍下使用Curl命令查看请求响应时间方法，感兴趣的朋友一起看看吧2016-11-11
给一个Flash加一个超链接,原想直接在object外直接套一个超链接即可，试了之后却发现不是这么回事2013-06-06
这篇文章主要介绍了纯JS实现图片验证码功能并兼容IE6-8浏览器,需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了js实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了原生JS实现的雪花飘落动画效果,涉及javascript数值运算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-05-05
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台，这篇文章主要介绍了uni-app的基本使用,需要的朋友可以参考下2022-11-11
JavaScript报错：Uncaught TypeError: XXX is
在 JavaScript 编程中,“Uncaught TypeError: XYZ is not iterable” 是一种常见的错误,这种错误通常发生在试图对一个非可迭代对象进行迭代操作时,了解这种错误的成因和解决方法,对于编写健壮的代码至关重要,需要的朋友可以参考下2024-07-07
这篇文章主要为大家详细介绍了js实现点击获取验证码倒计时效果，这种效果大家经常遇到，示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
最新评论