jqueryとangularjsの違いは何ですか-フロントエンドQ&A-php.cn

jqueryとangularjsの違いは何ですか

青灯夜游

リリース： 2021-11-12 15:30:22

オリジナル

2591 人が閲覧しました

違い: 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 との対話を続けることができます。