yepnope(yepnope怎么用)

　　yepnope.js是一個超高速的按條件異步加載資源的加載器,允許你只加載使用到的資源(css及js)。

　　yepnope.js的一個典型實例:

　　yepnope({

　　test:Modernizr.geolocation,

　　yep:'normal.js',

　　nope:['polyfill.js','wrapper.js']

　　});

　　此實例表示如果Modernizr.geolocation為真的時候加載normal.js,為假則加載polyfill.js及wrapper.js。

　　yepnope完整語法:

　　yepnope([{

　　test:/*boolean(ish)輸入條件*/,

　　yep:/*array(ofstrings)|string-條件為真時加載的資源*/,

　　nope:/*array(ofstrings)|string-條件為假時加載的資源*/,

　　both:/*array(ofstrings)|string-條件無論真假都加載*/,

　　load:/*array(ofstrings)|string-條件無論真假都加載*/,

　　callback:/*function(testResult,key)|object{key:fn}回調函數*/,

　　complete:/*function加載完成后執行的函數*/

　　},...]);

　　為什么使用yepnope:

　　Gzip后只有1.6K比大多數的資源加載器都小

　　可以加載CSS及JS

　　yepnope通過了作者能找到的所有的瀏覽器的測試

　　yepnope完全分離資源加載和執行,這樣你可以控制資源的執行順序

　　提供友好的API和促進資源的邏輯組合

　　模塊化設計,你可以自己擴充功能(見稍后的Prefixes及filters)

　　鼓勵按需加載資源

　　集成在Modernizr中

　　默認總是按照資源列表(你所提供的文件列表順序)順序執行

　　可處理資源回退(fallback),且仍優先并行下載依賴的腳本,看下代碼更容易理解。

看完了這篇文章,相信你對“yepnope怎么用”有了一定的了解,如果想了解更多相關知識,歡迎關注本站行業資訊頻道,感謝各位的閱讀!