JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオの簡単な説明_javascriptスキル

そのため、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 から始めることをお勧めします。