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 显示当前系统时间代码
Dec 28 Javascript
jQuery 改变CSS样式基础代码
Feb 11 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
vue-cli配置环境变量的方法
Jul 09 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
什么是MVC,好东西啊
2007/05/03 PHP
PHP中is_file不能替代file_exists的理由
2014/03/04 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
python通过socket查询whois的方法
2015/07/18 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
遗传算法python版
2018/03/19 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
Pyqt5实现英文学习词典
2019/06/24 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
python——全排列数的生成方式
2020/02/26 Python
浅析matlab中imadjust函数
2020/02/27 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
python实现视频压缩功能
2020/12/18 Python
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
我的求职择业计划书
2014/04/04 职场文书
通知的格式范文
2015/04/27 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
Java面试题冲刺第十八天--Spring框架3
2021/08/07 面试题