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 相关文章推荐
JS获取整个页面文档的实现代码
Dec 15 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 Javascript
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
js下函数般调用正则的方法附代码
2008/06/22 PHP
ajax实现无刷新分页(php)
2010/07/18 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
layui table单元格事件修改值的方法
2019/09/24 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Python中常见的异常总结
2018/02/20 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
python 拼接文件路径的方法
2018/10/23 Python
python中使用while循环的实例
2019/08/05 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
Python csv模块使用方法代码实例
2019/08/29 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
会计专业自我鉴定范文
2013/10/06 职场文书
机械绘图员岗位职责
2013/11/19 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
SpringBoot快速入门详解
2021/07/21 Java/Android