您好,登錄后才能下訂單哦!
小編給大家分享一下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怎么用”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。