yepnope.js はリソース ファイルを非同期でロードします_JavaScript スキル

典型的なコード例

コードのコピー コードは次のとおりです。

yepnope({
テスト: Modernizr .geolocation,
はい: 'normal.js',
いいえ: ['polyfill.js', 'wrapper.js']
}); Modernizr の場合。 geolocation が true の場合、yep アイテム (「normal.js」) がロードされます。それ以外の場合、nope アイテムがロードされます。複数のファイルを同時にロードできます。

yepnope と既存の xxx スクリプト ローダーの違いは何ですか?
個人的には、主な理由はこの2点だと思います。

JavaScriptとCSSを同時に扱える

yepnope



コードをコピーします

コードは次のとおりです: yepnope([{ test : /* boolean(ish ) - 信頼性を確認する式* /,

yep : /* 配列 (文字列) | string - テストが true の場合にこれをロードします*/,

nope : /* 配列 (文字列) | string - テストが false の場合にロードします* /,
both : /* 配列 (文字列) | 文字列 - 任意の状況でロードします */,
load : /* 配列 (文字列) |あらゆる状況 */,
callback: /* function (testResult, key) object { key: fn} 特定の URL が正常に読み込まれたときに対応するメソッドを実行します*/,
complete: /* このメソッドを実行するすべての関数がロードされます*/
}, ... ]);


ここでのパラメーターは配列またはオブジェクトにすることができ、複数のリソース ファイルをロードする場合に便利です。

yepnope は jquery のインスタンスを読み込みます

コードをコピーします

コードは次のとおりです: そうだね ([{ load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js',

complete: function () {

if ( !window.jQuery) {
yepnope('local/jquery.min.js');
}
}
}, {
load: 'jquery.plugin. js',
complete: function () {
jQuery(function () {
jQuery('div').plugin();
}); );


このコードは jquery と jquery.plugin.js を非同期で読み込み、jquery の読み込み失敗に対するバックアップ ハンドラーも提供します。