ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryとangularjsの違いは何ですか

jqueryとangularjsの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-11-12 15:29:372540ブラウズ

違い: 1. JQuery は JS ライブラリ、AngularJS は JS フレームワーク; 2. Jquery はモデルとは関係がなく、Angular は MVC モデルに基づいています; 3. Jquery には 2 つの機能がありません。ウェイバインディング機能はありますが、Angular にはあります; 4. jQuery は Round スタイルに適しており、Angular はシングルページアプリケーションなどに適しています。

jqueryとangularjsの違いは何ですか

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0&&Angular6 バージョン、Dell G3 コンピューター。

AngularJS と JQuery の違い:

1. JQuery は DOM 操作用の JavaScript ライブラリであり、AngularJS は JavaScript フレームワークです。

2. Jquery はモデルとは関係ありません。Angular は MVC に基づいており、SPA (シングル ページ アプリケーション) の作成に使用されます。

3. Jquery には双方向バインディング機能がありませんが、Angular にはルーティング、命令、双方向データ バインディング、モデル、依存性注入、単体テストなどの重要な機能があります。

4. 開発モデルには違いがあります

AngularJS と jQuery は Web アプリケーション開発モデルの考え方がまったく異なります:

  • jQuery: 表示操作を通じてブラウザーで DOM を使用してアプリケーションを作成します (ターンベースのアプリケーションに適しています)。大規模で複雑なプロジェクトの場合、包括的な単体テストには役立ちません。

  • AngularJS: ブラウザーを吸収するアプリケーションへの基盤 (単一ページのアプリケーションに適しています)、大規模で複雑なプロジェクトに適しており、包括的な単体テストに便利です。

それでは、ラウンド アプリケーションとシングル ページ アプリケーションとは何でしょうか?

ラウンドトリップ アプリケーション

Web アプリケーションの開発が始まったばかりのとき、多くの開発者はラウンドトリップ アプリケーションを使用していました。

単一ページ アプリケーションと比較すると、複数ページ アプリケーションと同等です。

  • 利点: ブラウザーに関する要件がほとんどなく、最大限のクライアント サポートを保証できます;

  • 欠点: ユーザーは次の HTML にアクセスします。ドキュメントはリクエストされてロードされるまで待つ必要があります。この間、すべてのリクエストを処理し、すべてのアプリケーションの状態を管理するために大規模なサーバー側、つまりバックエンド サーバーが必要になり、多くの帯域幅が消費されます (現時点では、なぜなら、各 HTML ドキュメントは自動的に更新される必要があるためです。つまり、ページが更新されるたびに、HTML ドキュメント内の更新されたコンテンツと未更新のコンテンツ全体がサーバーに送信される必要があり、その結果、サーバーから生成される各応答には、多くの内容が含まれます。同じ内容です)。

シングルページ アプリケーション

ラウンドロビン アプリケーションと比較して、シングルページ アプリケーションは異なるアプローチを採用します。アプリケーション全体では、最初の HTML ドキュメントのみがブラウザーに送信され、ユーザーの操作によって生成された Ajax (非同期) リクエストは、より小さな HTML フラグメント、またはユーザーに表示される既存の要素に挿入されるデータのみをリクエストします。

最初の HTML ドキュメントは再び読み込まれたり置換されたりすることはありません。Ajax リクエストが非同期で実行されると、ユーザーは既存の HTML との対話を続けることができます。

  • 利点: バックエンドに要求されるデータ量を削減し、帯域幅を削減し、Web アプリケーションのパフォーマンスを向上させます。

  • 欠点: ブラウザのパフォーマンスが向上しましたが、すべてのブラウザが特定の機能と互換性があるわけではありません。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

以上がjqueryとangularjsの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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