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 相关文章推荐
Javascript 继承机制实例
Aug 12 Javascript
js禁止小键盘输入数字功能代码
Aug 01 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
如何在js代码中消灭for循环实例详解
Jul 29 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
layer实现弹出层自动调节位置
Sep 05 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
vue3.0 的 Composition API 的使用示例
Oct 26 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
基于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
php设计模式 Delegation(委托模式)
2011/06/26 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
php引用传值实例详解学习
2013/11/06 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
js实现跨域的多种方法
2015/12/25 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
Python模块搜索路径代码详解
2018/01/29 Python
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
java关于string最常出现的面试题整理
2021/01/18 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
化学专业毕业生自荐信
2013/11/15 职场文书
商场拾金不昧表扬信
2014/01/13 职场文书
销售简历自我评价
2014/01/24 职场文书
青奥会口号
2014/06/12 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby