溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

yepnope怎么用

發(fā)布時間:2021-09-22 12:31:44 來源:億速云 閱讀:133 作者:小新 欄目:開發(fā)技術(shù)

小編給大家分享一下yepnope怎么用,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

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

  yepnope.js的一個典型實(shí)例:

  yepnope({

  test:Modernizr.geolocation,

  yep:'normal.js',

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

  });

  此實(shí)例表示如果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}回調(diào)函數(shù)*/,

  complete:/*function加載完成后執(zhí)行的函數(shù)*/

  },...]);

  為什么使用yepnope:

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

  可以加載CSS及JS

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

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

  提供友好的API和促進(jìn)資源的邏輯組合

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

  鼓勵按需加載資源

  集成在Modernizr中

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

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

看完了這篇文章,相信你對“yepnope怎么用”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI