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 继承实例分析
Nov 04 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
JS变量及其作用域
Mar 29 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
vue实现微信获取用户信息的方法
Mar 21 Javascript
深入解析koa之中间件流程控制
Jun 17 Javascript
axios如何取消重复无用的请求详解
Dec 15 Javascript
javascript实现点击产生随机图形
Jan 25 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
php 数组的创建、调用和更新实现代码
2009/03/09 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
JavaScript对象学习小结
2015/09/02 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
深入浅析JavaScript函数前面的加号和叹号
2016/07/09 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
JavaScript实现鼠标点击导航栏变色特效
2017/02/08 Javascript
Vue监听数据对象变化源码
2017/03/09 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
基于ES6 Array.of的用法(实例讲解)
2017/09/05 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
Python中turtle作图示例
2017/11/15 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
关于护士节的演讲稿
2014/05/26 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
关于python类SortedList详解
2021/09/04 Python
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技