Basket.js 使用localStore实现页面缓存静态资源教程

basket 原 JS 文件: http://www.bootcdn.cn/basket.js/
基本用法参考: http://www.cnblogs.com/oadaM92/p/5348793.html

扩展后 JS 文件: http://cdn7.jinxidao.com/js/basket.full.min.ext.js

引入扩展的 js 文件后,扩展后用法:
basket.version = "20161013"; // 版本好,版本号被更新后,所有require 的资源都会被重新请求
basket.baseRequire = [{
  key: 'zepto',
  url: '@ConfigManager.CloudUrlConvertor("/Content/js/zepto.min.js" + "?v=" + ConfigManager.CssJsVersion)'
},{
  key: 'iscroll-probe',
  url: '@ConfigManager.CloudUrlConvertor("/Content/Assets/lib/iscroll/iscroll-probe.js" + "?v=" + ConfigManager.CssJsVersion)'
}
...
]; // 最先加载的基础资源库
basket.fn_baseThen = function(){/* baseRequire 加载的资源都加载并执行后,该方法才会执行 */}; // 可缺省
basket.thenRequire = []; // 写法与 baseRequire 格式一样,定义请求的资源是 fn_baseThen 方法执行后才加载执行, 可缺省
basket.fn_then = function(){/* thenRequire 加载的资源都加载并执行后,该方法才会执行 */}; // 可缺省
basket.fn_finally = function(){/* fn_then 方法执行后,该方法执行 */}; // 可缺省
basket.finallyRequire = []; // 最后独立页面上加载所需的资源,写法与 baseRequire 格式一样,定义请求的资源是 fn_finally 方法执行后才加载执行, 可缺省
basket.fn_finallyThen = function(){/* finallyRequire 加载的资源都加载并执行后,该方法才会执行 */}; // 可缺省
basket.init(); // 执行加载
(请求资源和执行方法的时间是上述从上倒下按顺序执行)
其他方法或扩展:
basket.clear(); // 清除本地存储中保存的 basket 相关的静态资源
url 上加入 basketRefresh=1 参数,页面刷新时候会自动清除本地存储 basket 资源的缓存
url 上加入 basketTimestamp=*** 参数,basket.init() 请求的 js 版本号会变成 ***
url 上加入 basketTimestamp=random 参数, basket.init() 请求的 js 版本号会变成随机数值

你可能感兴趣的:(Basket.js 使用localStore实现页面缓存静态资源教程)