1. はじめに
Web モジュール読み込みフレームワークである Seajs は、コードの記述と編成のシンプルかつ自然な方法を追求し、CMD 仕様に従い、JS コードをモジュール化します。依存関係の自動読み込みと簡潔で明確な構成により、プログラマーはコーディングにさらに集中できるようになります。
2. メリットとデメリット
アドバンテージ:
1).メンテナンス性の向上。
2).モジュール式プログラミング。
3).動的読み込み、フロントエンドパフォーマンスの最適化
欠点:
1) 学習ドキュメントがまばらでわかりにくいため、JS を使用するチームの作成習慣が変わり、モジュール型プログラミングを使用する必要があります。
2) 現在のチームの状況には適していません。JS ファイルはたくさんありますが、動的読み込みとモジュール化の利点は明らかではありません。
3) SPM ツール、JS パッケージング、および管理ツールの使用が必要です。
2. CMD と AMD とは何ですか?
Asynchronous Module Definition (AMD) は、Asynchronous Module Definition の略語で、RequireJS のプロモーション プロセス中のモジュール定義の標準化された出力です。
Common Module Definition (CMD) は Common Module Definition の略称で、SeaJS のプロモーション プロセスにおけるモジュール定義の標準化された出力です。
RequireJS と SeaJS はどちらもモジュラー フレームワークの代表的なもので、主にコーディング スタイルと API が似ています。
3. 使い方は?
次のようにコードをコピーします: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<スクリプト>
//jsパスを設定する
seajs.config({
エイリアス:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//モジュールをロードする
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
次のようにコードをコピーします。
//初期化.js
定義(関数(必須,エクスポート,モジュール){
var $ = require('jquery');
$を返します;
});