seajs实现强制刷新本地缓存的方法分析


Posted in Javascript onOctober 16, 2017

本文实例讲述了seajs实现强制刷新本地缓存的方法。分享给大家供大家参考,具体如下:

1.为什么

由于每次上传js文件到服务器后用户本机存在本地缓存,导致用户需要强制清除缓存或者等待缓存失效才能使用新功能,极其不友好。

2.原理

seajs配置参数中有map属性为文件映射功能,其作用是通过seajs加载的文件映射为一个新的名称加载,形如

var version="0.0.1";
seajs.config({//seajs配置声明
map:[
[".js",".js?v="+version]//映射规则
]
});

之后在模块化中通过require引入的js模块或者通过require.async()异步方式加载的js都会映射到一个新的地址,形如:

require("./a");require.async(["a"]);

不配置map属性seajs会加载a.js,配置map属性后加载的文件名为a.js?v=0.0.1

3.拓展

1.对我来说其最大的作用可以全局的设置版本号,即原理中所说的方式,提供了一种强制刷新缓存的方法。

2.当然这种形式在查询资料时还发现了一种替代为-debug.js的方式,这样最大的作用可以更换js,使js使用debug版本的js,挺有意思。

3.seajs中还有很多功能能够极大的简化开发或者处理一些比较棘手的问题,还需要好好的看,多多的学。

希望本文所述对大家seajs程序设计有所帮助。

Javascript 相关文章推荐
js 图片轮播(5张图片)
Dec 30 Javascript
javascript中利用数组实现的循环队列代码
Jan 24 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
Apr 26 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
Feb 15 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 Javascript
Vue和React有哪些区别
Sep 12 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 #Javascript
AngularJS实现注册表单验证功能
Oct 16 #Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 #Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 #Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 #Javascript
angular4中关于表单的校验示例
Oct 16 #Javascript
原生JS实现小小的音乐播放器
Oct 16 #Javascript
You might like
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
javascript实现日期三级联动下拉框选择菜单
2020/12/03 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
python中as用法实例分析
2015/04/30 Python
python2.7读取文件夹下所有文件名称及内容的方法
2018/02/24 Python
Django自定义用户认证示例详解
2018/03/14 Python
遗传算法python版
2018/03/19 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
深入理解python中sort()与sorted()的区别
2018/08/29 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
英国领先的在线礼品店:Getting Personal
2019/09/24 全球购物
腾讯广告词
2014/03/19 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
法人身份证明书
2014/10/08 职场文书
中秋晚会致辞
2015/07/31 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
Python实现8种常用抽样方法
2021/06/27 Python