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 动态修改样式和层叠样式表代码
Apr 27 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
Apr 10 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
PHP Hash算法:Times33算法代码实例
2015/05/13 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
Js面试算法详解
2018/04/08 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
vue实现登录拦截
2020/06/29 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
Python设计实现的计算器功能完整实例
2017/08/18 Python
用Pygal绘制直方图代码示例
2017/12/07 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
Python实现的读取/更改/写入xml文件操作示例
2018/08/30 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
django 简单实现登录验证给你
2019/11/06 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
详解python中的闭包
2020/09/07 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
国贸专业的职业规划范文
2014/01/23 职场文书
人事局接收函
2015/01/31 职场文书
环卫工人慰问信
2015/02/15 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技