js、css、img等浏览器缓存问题的2种解决方案


Posted in Javascript onOctober 23, 2013

细节决定成败!浏览器缓存的意义在于提高了执行效率,但是也随之而来带来了一些问题,导致服务端修改了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并且全局替换版本,方式复杂,有兴趣的可以研究一下

谁还有更好的方法?

Javascript 相关文章推荐
JAVASCRIPT  THIS详解 面向对象
Mar 25 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
基于datagrid框架的查询
Apr 08 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
Aug 22 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
vue中使用vue-pdf的方法详解
Sep 05 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
js从10种颜色中随机取色实现每次取出不同的颜色
Oct 23 #Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 #Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 #Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 #Javascript
JS Date函数整理方便使用
Oct 23 #Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 #Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 #Javascript
You might like
用PHP开发GUI
2006/10/09 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
关于URL最大长度限制的相关资料查证
2014/12/23 PHP
php实现cookie加密的方法
2015/03/10 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
js返回顶部实例分享
2016/12/21 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
vue制作toast组件npm包示例代码
2020/10/29 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
使用Python的turtle模块画国旗
2019/09/24 Python
python超时重新请求解决方案
2019/10/21 Python
python实现在一个画布上画多个子图
2020/01/19 Python
2014教师个人自我评价范文
2014/09/13 职场文书
网络营销计划
2015/01/17 职场文书
销售经理岗位职责
2015/01/31 职场文书
2015年乡镇卫生院工作总结
2015/04/22 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
信用卡工资证明范本
2015/06/19 职场文书
七年级生物教学反思
2016/02/20 职场文书
Python 中的Sympy详细使用
2021/08/07 Python
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android