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 相关文章推荐
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
JavaScript Split()方法
Dec 18 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
JS中的一些常用的函数式编程术语
Jun 15 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 02 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 07 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
ftp类(example.php)
2006/10/09 PHP
一些php项目中比较通用的php自建函数的详解
2013/06/06 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
JS TextArea字符串长度限制代码集合
2012/10/31 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
js图片自动轮播代码分享(js图片轮播)
2014/05/06 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
深入探讨javascript中的数据类型
2015/03/04 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
Angular4表单验证代码详解
2017/09/03 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
jquery插件开发模式实例详解
2019/07/20 jQuery
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
python对json的相关操作实例详解
2017/01/04 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
python字典的值可以修改吗
2020/06/29 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
儿科护士实习自我鉴定
2013/10/17 职场文书
大学自我鉴定范文
2013/12/26 职场文书
服装电子商务创业计划书
2014/01/30 职场文书
股东出资证明书范例
2014/10/04 职场文书
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP