最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

根據(jù)配置文件加載js依賴模塊

 更新時(shí)間:2014年12月29日 10:52:29   投稿:hebedich  
這篇文章主要介紹了根據(jù)配置文件加載js依賴模塊,解決方法是筆者自己的思路,拋磚引玉,需要的朋友可以參考下

要求:

根據(jù)下面的配置文件

復(fù)制代碼 代碼如下:

module=[
{'name':'jquery','src':'/js/lib/jquery-1.8.3.js'},
{'name':'swfobject','src':'/js/utils/swfobject.js'},
{'name':'fancybox','src':'/js/jquery/jquery.fancybox.js','require':['jquery']},
{'name':'uploadify','src':'/js/utils/uploadify.js','require':['swfobject']},
{'name':'jqform','src':'/js/jquery/jquery.form.js','require':['jquery']},
{'name':'register','src':'/js/page/reg.js','require':['jqform']},
{'name':'login','src':'/js/page/login.js','require':['fancybox','jqform']},
{'name':'upload','src':'/js/page/upload.js','require':['fancybox','jqform','uploadify']}
]

寫(xiě)一個(gè)函數(shù)

def getfiles(name)

返回 加載某個(gè)name指定的頁(yè)面,要加載的js文件列表,有依賴的要先加載

小菜解法

    此題粗看起來(lái)很簡(jiǎn)單,實(shí)則不然。

     難點(diǎn)在于依賴模塊的加載時(shí)機(jī)。假如有這樣的依賴關(guān)系:A-B&C、B-C,A模塊依賴B模塊和C模塊,同時(shí)B模塊又依賴了C模塊,總不能讓C加載兩次吧!

     小菜給出的這個(gè)解法,只是一個(gè)思路,肯定有比這更好的算法,小菜覺(jué)得可以用二叉樹(shù)之類的算法解決,但小菜不會(huì)呀~~~

     此算法沒(méi)有考慮循環(huán)依賴的情景。

     代碼如下:

復(fù)制代碼 代碼如下:

 /**
  * 不考慮循環(huán)依賴
  * @type {Function}
  */
 var loadModule = (function(){
     /**
      * 業(yè)務(wù)邏輯封裝
      * @type {{chainHead: {}, chainCurrent: {}, srcCache: {}, main: main, load: load, findModule: findModule}}
      */
     var logics = {
         chainHead: {},     //鏈表頭
         chainCurrent: {},  //鏈表當(dāng)前節(jié)點(diǎn)
         srcCache: {},      //module src 緩存
         /**
          * 對(duì)外接口
          * @param modules  配置對(duì)象
          * @param name  模塊名稱
          * @returns {Array} 依賴模塊列表,按照加載先后順序排列
          */
         main: function(modules, name){
             var nameArray = [],  //模塊名稱列表
                 srcArray = [],   //依賴模塊列表
                 nameStr = "",    //模塊名稱字符串集
                 repeatRegex = /(^| )([\w]+ ).*\2/,  //模塊名稱去重正則
                 i = 0;
             //粗略加載所有依賴模塊
             this.load(modules, name)
             //構(gòu)造模塊名稱字符串集
             this.chainCurrent = this.chainHead;
             while(this.chainCurrent.next){
                 nameArray.push(this.chainCurrent.name);
                 this.chainCurrent = this.chainCurrent.next;
             }
             nameStr = nameArray.join(" ") + " ";  //統(tǒng)一標(biāo)準(zhǔn),末尾補(bǔ)一個(gè)空格
             //依賴模塊去重
             while(repeatRegex.exec(nameStr)){
                 nameStr = nameStr.replace(repeatRegex, function(g0, g1, g2){
                     return g0.substring(0, (g0.length - g2.length));
                 });
             }
             nameStr = nameStr.substring(0, (nameStr.length - 1));  //去掉補(bǔ)充的多余空格
             //依賴模塊名稱轉(zhuǎn)換為模塊路徑
             nameArray = nameStr.split(" ");
             for(i = 0; i < nameArray.length; i++){
                 srcArray.push(this.srcCache[nameArray[i]]);
             }
             return srcArray;
         },
         /**
          * 遞歸加載模塊
          * @param modules  配置對(duì)象
          * @param name  模塊名稱
          */
         load: function(modules, name){
             var node = {},
                 module = this.findModule.call(modules, "name", name),
                 i = 0;
             //判斷模塊是否存在
             if(!module){
                 throw Error("依賴模塊 " + name +" 未找到");
             }
             //構(gòu)造模塊依賴鏈表
             node.name = name;
 //            node.src = module.src;
             this.srcCache[name] = module.src;
             node.next = this.chainHead;
             this.chainHead = node;
             //遞歸依賴
             if(module.require && module.require.length){
                 for(i = 0;i < module.require.length; i++){
                     this.load(modules, module.require[i]);
                 }
             }
         },
         /**
          * 根據(jù)指定屬性名稱和屬性值查找模塊
          * @param name  屬性名稱
          * @param value  屬性值
          * @returns {*}
          */
         findModule: function(name, value){
             var array = this,
                 item = {},
                 i = 0;
             //遍歷模塊
             for(i = 0; i < array.length; i++){
                 item = array[i];
                 //獲取指定模塊
                 if(item && item[name] === value){
                     return item;
                 }
             }
             //找不到返回null
             return null;
         }
     };
     //暴露對(duì)外接口
     return function(){
         return logics.main.apply(logics, arguments);
     };
 }());
 /**
  * Test Usecase
  * @type {*[]}
  */
 var modules=[
     {'name':'jquery','src':'/js/lib/jquery-1.8.3.js'},
     {'name':'swfobject','src':'/js/utils/swfobject.js'},
     {'name':'fancybox','src':'/js/jquery/jquery.fancybox.js','require':['jquery']},
     {'name':'uploadify','src':'/js/utils/uploadify.js','require':['swfobject']},
     {'name':'jqform','src':'/js/jquery/jquery.form.js','require':['jquery']},
     {'name':'register','src':'/js/page/reg.js','require':['jqform']},
     {'name':'login','src':'/js/page/login.js','require':['fancybox','jqform']},
     {'name':'upload','src':'/js/page/upload.js','require':['fancybox','jqform','login','uploadify']}
 ];
 console.log(loadModule(modules, "upload"));

相關(guān)文章

最新評(píng)論

齐齐哈尔市| 察哈| 禄丰县| 新密市| 云阳县| 嵩明县| 郯城县| 建平县| 锦屏县| 建平县| 陆河县| 漳平市| 临沂市| 台前县| 榕江县| 攀枝花市| 旬邑县| 乌鲁木齐县| 曲沃县| 故城县| 万全县| 高平市| 客服| 繁峙县| 曲阜市| 洪江市| 衢州市| 鄂伦春自治旗| 和政县| 嘉峪关市| 清涧县| 奉新县| 会同县| 和顺县| 盈江县| 开原市| 清镇市| 屏东县| 宁强县| 井陉县| 林西县|