美文网首页前端大杂烩
Basket.js 使用localStore实现页面缓存静态资源

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

作者: Simon王小白 | 来源:发表于2016-10-13 18:12 被阅读476次

    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实现页面缓存静态资源

        本文链接:https://www.haomeiwen.com/subject/kcawyttx.html