3 つの主要なフロントエンドフレームワークとは何ですか?-フロントエンドQ&A-php.cn

3 つの主要なフロントエンドフレームワークとは何ですか?

青灯夜游

リリース： 2021-10-28 12:04:36

オリジナル

45047 人が閲覧しました

3 つの主要なフロントエンドフレームワークとは、1. ユーザーインターフェイスを構築するためのフロントエンド JavaScript MVC フレームワークである Angular、2. ユーザーインターフェイスを構築するための JavaScript フレームワークである React、3. Vue は、ユーザーインターフェイスを構築するための進歩的な JavaScript フレームワークです。

3 つの主要なフロントエンドフレームワークとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

主流の 3 つの Web フロントエンドフレームワークは、Angular、React、Vue です。

angular

Angular はもともと angularJS と呼ばれ、2009 年に誕生しました。以前は、誰もが開発に jquery を使用していました。angular の出現以来、私たちはその最大の特徴は、MVC や依存関係注入など、いくつかのバックエンド開発モデルを実装のためにフロントエンドに移植していることです。

Angular は、JavaScript フレームワーク、JavaScript で書かれたライブラリ、動的 Web アプリケーションを開発するためのクライアント側 JavaScript MVC フレームワークです。元々は Google プロジェクトとして始まりましたが、現在はオープンソースフレームワークです。

Angular フレームワークの利点:

1. Angular フレームワークはさまざまなプラットフォームをサポートし、強力です。さまざまなツールを提供するだけでなく、プロジェクトモデルを構築するためのメンテナンス可能なメソッドも提供します。。したがって、正しく使用すれば、修正やテストが難しいコード構造に遭遇することはありません (

2. Angular は TypeScript を使用して構築されており、TypeScript は JS ES6 に依存しているため、新たに学習する必要はありません)ただし、静的型、インターフェイス、クラス、名前空間、デコレータなどの機能は引き続き利用できます。

3. Angular ではコンポーネントが分離されているため、さまざまなコンポーネントを簡単に置き換えることができます。また、Angular では、プレゼンテーションとアプリケーションロジックが密接に結合されていないため、マークアップがより明確かつシンプルになります。

4. Angular の目的は、包括的なテストを実施することです。単体テストやエンドツーエンドテストのための Jasmine や Protractor などのツールの使用をサポートしています。

5. Angular はモバイル端末とPC端末の両方に適した、マルチプラットフォームに適したフレームワークです。このフレームワークには、多くの便利なサードパーティツールが含まれています。

[推奨チュートリアル: Angular ビデオチュートリアル]

react

react は、ユーザーインターフェイスを構築するために Facebook によって開始された JavaScript ライブラリです。 React は主に UI の構築に使用されますが、React を MVC の V (ビュー) と考える人が多いと思います。 React は高いパフォーマンスと非常にシンプルなコードロジックを備えているため、ますます多くの人が注目し、使用し始めています。

React は Facebook の内部プロジェクトとして誕生しましたが、Facebook は市場にあるすべての JavaScript MVC フレームワークに不満を抱いていたため、独自のフレームワークを作成して Instagram Web サイトを構築することにしました。作ってみてこのセットがとても便利だったので、2013年5月にオープンソース化しました。

React の設計思想は非常にユニークであるため、革命的なイノベーションであり、優れたパフォーマンスを備えており、コードロジックは非常にシンプルです。そのため、将来の Web 開発の主流のツールになるのではないかと考え、注目し、使用する人が増えています。

React は主に UI の構築に使用されます。 React では、UI、静的 HTML DOM 要素、動的変数、さらにはインタラクティブなアプリケーションコンポーネントのレンダリングに役立つ宣言コードなど、さまざまなタイプのパラメーターを渡すことができます。 [推奨ビデオチュートリアル: 「5 つの優れた Redis 学習の実践的なビデオチュートリアルの推奨事項」]

機能:

## 宣言的設計: React は宣言型パラダイムを採用しているため、アプリケーションの記述が容易になります。
効率的: React は DOM をシミュレートすることで、DOM との対話を最小限に抑えます。
柔軟性: React は既知のライブラリやフレームワークとうまく連携します。

vue

Vue.js は、人気のある JavaScript フロントエンドフレームワークであり、ユーザーインターフェイスを作成するためのオープンソース JavaScript フレームワークであり、より良い目的で設計されています。 Web 開発を整理して簡素化します。 Vue の中心となるのは MVC パターンのビュー層ですが、同時にデータ更新を簡単に取得し、コンポーネント内の特定のメソッドを通じてビューとモデル間の対話を実現することもできます。

Vue.js は、ユーザーインターフェイスを構築するための進歩的なフレームワークです。他の重量級フレームワークとは異なり、Vue はボトムアップの増分開発設計を採用しています。 Vue のコアライブラリはビューレイヤーのみに焦点を当てており、学習や他のライブラリや既存のプロジェクトとの統合が非常に簡単です。一方、Vue は、Vue エコシステムによってサポートされる単一ファイルのコンポーネントとライブラリを使用して開発された複雑な単一ページアプリケーションを駆動する能力を十分に備えています。 [推奨ビデオチュートリアル: 「

最新の 5 つの vue.js ビデオチュートリアルセレクション」]

Vue.js の目標は、応答データバインディングと結合ビューコンポーネントを実現することです。

Vue.js 自体は包括的なフレームワークではありません。ビュー層のみに焦点を当てています。したがって、学習が非常に簡単で、他のライブラリや既存のプロジェクトとの統合も非常に簡単です。一方、Vue.js は、関連ツールやサポートライブラリと併用すると、複雑な単一ページアプリケーションを完全に強化することもできます。

Vue の利点: