Seajs学習ノート_Seajs

WBOY
リリース: 2016-05-16 16:57:15
オリジナル
942 人が閲覧しました

1. はじめに

Seajs は、Web モジュール読み込みフレームワークであり、コードの記述と編成のシンプルかつ自然な方法を追求しています。Sea.js は 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><br> //js パスを設定します<br> seajs.config ({<br> エイリアス:{<br> "jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"<br> }<br> } );<br> //ロードモジュール<br> seajs.use('../js/seajs/init',function($){<br> $("#test_div").click(function(){alert (1) ;});<br> });<br></script>

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

//init.js
define(function(require,exports,module){
var $ = require('jquery');
return $;
});
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート