ホームページ ウェブフロントエンド jsチュートリアル JQuery、Extjs、YUI、Prototype、DojoなどのJSフレームワークの違いと応用シナリオの簡単な説明_javascriptスキル

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

May 16, 2016 pm 06:29 PM
js フレーム

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Java フレームワークの商用サポートの費用対効果を評価する方法 Java フレームワークの商用サポートの費用対効果を評価する方法 Jun 05, 2024 pm 05:25 PM

Java フレームワークの商用サポートの費用対効果を評価する方法

PHP フレームワークの軽量オプションはアプリケーションのパフォーマンスにどのような影響を与えますか? PHP フレームワークの軽量オプションはアプリケーションのパフォーマンスにどのような影響を与えますか? Jun 06, 2024 am 10:53 AM

PHP フレームワークの軽量オプションはアプリケーションのパフォーマンスにどのような影響を与えますか?

Golang フレームワークのドキュメントのベスト プラクティス Golang フレームワークのドキュメントのベスト プラクティス Jun 04, 2024 pm 05:00 PM

Golang フレームワークのドキュメントのベスト プラクティス

さまざまなアプリケーションシナリオに最適な Golang フレームワークを選択する方法 さまざまなアプリケーションシナリオに最適な Golang フレームワークを選択する方法 Jun 05, 2024 pm 04:05 PM

さまざまなアプリケーションシナリオに最適な Golang フレームワークを選択する方法

PHP フレームワークの学習曲線は他の言語フレームワークと比較してどうですか? PHP フレームワークの学習曲線は他の言語フレームワークと比較してどうですか? Jun 06, 2024 pm 12:41 PM

PHP フレームワークの学習曲線は他の言語フレームワークと比較してどうですか?

Java フレームワークのパフォーマンス比較 Java フレームワークのパフォーマンス比較 Jun 04, 2024 pm 03:56 PM

Java フレームワークのパフォーマンス比較

golang フレームワーク開発の実践的な詳細な説明: 質疑応答 golang フレームワーク開発の実践的な詳細な説明: 質疑応答 Jun 06, 2024 am 10:57 AM

golang フレームワーク開発の実践的な詳細な説明: 質疑応答

Golang フレームワークのパフォーマンス比較: 賢明な選択を行うための指標 Golang フレームワークのパフォーマンス比較: 賢明な選択を行うための指標 Jun 05, 2024 pm 10:02 PM

Golang フレームワークのパフォーマンス比較: 賢明な選択を行うための指標

See all articles