ミニ定義
要求に基づいて実装されたシンプルなフロントエンドモジュラーフレームワーク。学習に時間を費やしたくない場合は、js、または長いCMD/AMD仕様を見てみると、このミニ決定はあなたにとって良い選択です。 sea.jsまたはrequire.jsを以前に使用したことがある場合、Mini-Defineはより効率的で、軽量で、使いやすくなります。プロジェクトアドレス:Github
使用法
最初にモジュールを定義します
モジュールを定義します
1:機能を定義してモジュールを定義します
1.1依存関係があるかどうかに応じて、2つの状況があります。
1.1.1:依存関係のないモジュール
コードコピーは次のとおりです。
定義( 'id'、function(){
//ここにコードを置きます
});
1.1.2:依存性モジュール
コードコピーは次のとおりです。
定義( 'id'、['modea'、 'modeb']、function(a、b){
//ここにコードを置きます
});
1.2処理結果を外部使用のために返す必要があるかどうかによると、2つの状況に分けることができます。
1.2.1リターンオブジェクトがあります:
コードコピーは次のとおりです。
定義( 'id'、function(){
戻る {
//ここにコードを置きます
}
});
1.2.2オブジェクトは返されません
コードコピーは次のとおりです。
定義( 'id'、function(){
//ここにコードを置きます
});
2:モジュールを呼び出すためにrequire()関数を使用します
2.1要求されたモジュールの数によると、2つの状況があります。
2.1.1。単一のモジュールを呼び出します
必要( 'modeid')
2.1.2。複数のモジュールを呼び出します
要求(['modea'、 'modeb']);
2.2コールバック処理があるかどうかによると、2つの状況に分けることができます。
2.2.1コールバック処理機能があります
コードコピーは次のとおりです。
必要( 'modeid'、function(mode){
//ここにコードを置きます
});
要求(['modea'、 'modeb']、function(a、b){
//ここにコードを置きます
});
2.2.2コールバック処理なし
require( 'modeid');
次に、index.htmlページで、必要なモジュールを順番に参照してください
コードコピーは次のとおりです。
<! - コアモジュール - >
<スクリプトsrc = "lib/core/require.js"> </script>
<! - デモンストレーションのモジュール - >
<スクリプトsrc = "lib/main.js"> </script>
<スクリプトsrc = "lib/config.js"> </script>
<スクリプトsrc = "lib/init.js"> </script>
最後に、min.jsファイルを生成したい方法でLIBディレクトリをマージして圧縮します。アプリケーションを公開する場合、対応するindex.htmlも調整する必要があります。
コードコピーは次のとおりです。
<スクリプトsrc = "lib/min.js"> </script>
アドバンテージ:
seajs.jsまたは元のrequire.jsと比較して、わずか100行のコメントを持つコードは軽量であると説明でき、脂肪が完全に薄くなります。
高度なコンテンツや複雑なスキルはまったくありません。また、学習コストはほぼゼロです。