JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオ（実践スキル）-jsチュートリアル-php.cn

JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオ（実践スキル）

亚连

リリース： 2018-05-21 15:00:14

オリジナル

1689 人が閲覧しました

web2.0 の強力な発展に伴い、ブラウザーが担うワークロードはますます大きくなっています (パフォーマンスにあまり影響しない場合、開発者はブラウザーで実行できるすべてのことをブラウザーに実行させることに慣れています)サーバーの負荷や帯域幅のコストを軽減するためなど)。

そのため、JavaScript は Web 開発の最も基本的な要件の 1 つになりました。実際のアジャイル開発では、Native Javascript の面倒な記述を置き換えるために JS フレームワークを選択することが一般的です。これにより、時間が大幅に節約され、作成するコードが明確で便利になることがわかります。（もちろん、私も学生時代、フレームワークを使っても本来のJavaScriptの理解が深まらないのではないかと疑問に思っていました。実はこれは考えすぎです。フレームワークの理解が深まると、ネイティブ JS をより深く理解する賢い開発者になるには、この 2 つは相互に依存しており、Qzone のように、自分のニーズに合わせて JS と CSS フレームワークを開発することが最善の状態です。 Qzone が大きすぎるためです)
現在、Dojo、Scriptaculous、Prototype、yui-ext、Jquery、Mochikit、mootools、moo.fx などの人気のある JS フレームワークが多数あります。もちろん、私がよく知らないフレームワークもたくさんあるので列挙しません。フォーラムでは、どのフレームワークが優れているのかと多くの人が尋ねるでしょう。どのフレームワークがより素晴らしいですか? どのフレームワーク OO がより快適ですか? webryan 個人的には、これは初心者が犯しやすい論理的な間違いだと思います。世の中のあらゆるものやツールに最適というものはなく、ただ適しているか不向きであるだけです。プロジェクトの実際のニーズに基づいて、関連する機能を備えたフレームワークを選択する必要があります。
1. JQuery
推奨レベル: 5 つ星
使用シナリオ: 任意
ダウンロードアドレス: www.jquery.com または google で jquery ダウンロードを検索
推奨理由: 現在、最も多くのフレームワークを使用しています (もちろん、他のフレームワークも使用しています)いくつかのプロジェクトが開発されています）が、私が個人的に最もお勧めするプロジェクトでもあります。業界のいくつかのテクノロジーについて話していたとき、xiaonei.com の CTO、Tencent、またはその他の新興 Web2.0 専門家が皆、このフレームワークを推奨していることがわかりました。では、具体的にはどのようなメリットがあるのでしょうか? 1. 小規模 (これはスケールアップ後に深刻な問題になります) 2. シンプル (学習コストは低いですが、効果は高く、マニュアルにはゼロからプロジェクトの完了までを説明するのに十分な明確な例が含まれています) 3. 内部構造はオープンソースであり、ロジックに重点を置いています。 4. 強力な DOM 選択 (実際、ほとんどの場合、JS が DOM を処理します) 5. 優れた UI 拡張 (ここで言及したいのは、Jquery ツールと Jquery UI です。これら 2 つの Jquery を検索できます)。拡張された UI を使用すると、UI が非常にシンプルであることがわかりますが、これは UI のスケーラビリティによるものであり、他のフレームワークと比べても遜色ありません。
2. Extjs
ダウンロードアドレス: http://extjs.com/
使用シナリオ: 内部システム。バックエンドシステム。管理システムなど
おすすめレベル：星4つ
おすすめの理由：ExtjsはUIデザインがとても素晴らしいです。したがって、バックエンド管理、社内プロセス、その他の管理システムなどを行う場合、これが間違いなく最良の選択です。なぜ？わずか数行のコードで、強力な機能とオプションのスタイルを備えた非常に美しいフルインターフェイス UI を生成できるからです。私はこのシステムを使用して CMS バックエンドと社内エンタープライズシステムを構築し、人的資源と時間を大幅に節約し、広く評価されました。欠点は、ページに多くのタブが読み込まれると、js が複数のファイルを同時にダウンロードする可能性があることです。簡単に言えば、js のサイズが大きくなります。しかし、バックエンド管理や企業の内部システムでは、これがボトルネックになります。
3. YUI
ダウンロードアドレス: http://developer.yahoo.com/yui/
お勧めレベル: 4つ星
お勧めの理由: 私はYUIフレームワークを勉強しただけですが、プロジェクトで独立して使用したことはありません。プロジェクトに入ってからは主に先輩たちがYUIを使い、私たちはその後の開発でも以前の役割を引き継ぎました。 QQ ハードドライブとモップの一部のモジュールはずっと前に使用されていましたが、今では誰がまだそれらを使用しているかは非常に明確です。これは Extjs に似ており、UI に多くの利点があります。
使用シナリオ: YUI の各モジュールを分割し、yui の特定の部分を使用して、さまざまなニーズに合わせて独自のモジュールを埋めます。またはネットワークディスクアプリケーションに似たもの。
4. Dojo
ダウンロードアドレス: http://dojotoolkit.org/
推奨レベル: 4 つ星
推奨の理由: Dojo は最も強力な JavaScript フレームワークであることを思い出してください。したがって、使いたいものはほとんどすべて揃っています。）。 Dojo は、オフラインストレージ、DataGrid、2D、3D グラフィックス、Chart、Comet などのコンポーネントがすべてエンタープライズアプリケーションにとって非常に重要であるため、エンタープライズアプリケーションや製品開発のニーズにより適しています (もちろん、開発にはある程度の時間がかかります)。これらのコンポーネントは安定化します）。たとえば、Dojo は、Mashup テクノロジに基づいて BEA によって開発された製品で使用されています。しかし、これらの機能は必要でしょうか?これほど大きな Web 2.0 製品を作る必要があるでしょうか? これはあなた自身のニーズによって異なります。そして、Dojo の欠点は明らかです。大きすぎ、機能が多すぎ、学習曲線が急すぎることです。しかし、それがエンタープライズアプリケーションに使用される場合、それは水の中のアヒルのようなものになります。 IBM などの企業が採用の際に Dojo と Dojo の学習を最優先にしているのはこのためです。
5. プロトタイプ
最も成熟したもの。しかし、個人的にはJqueryに置き換えることができると思います。両者の類似性も比較的高いです。ここで言うことはあまりありません。
6. Mootools
ダウンロードアドレス: http://mootools.net/
推奨レベル: 4つ星
おすすめの理由：OOデザイン思考。強力なモジュール性と比較的低い結合度。その UI 効果は Jquery UI よりも優れているという人もいます。まだ UI を使用したことがない場合は、ここではこれ以上説明しません。開発者はデモを参照して、エフェクトやセレクターが適切かどうかを確認できます。
OK、実際のフレームワークはまだ使用され、書かれています。上記を読んでもまだ混乱している場合は、JQuery から始めることをお勧めします O(∩_∩)O (笑)。