フロントエンドjsフレームワークの概要と使い方の解説

今日はフロントエンドjsフレームワークの概要と使い方を紹介します。 10個のフロントエンドフレームワークライブラリをまとめました。では、これらのフレームワークライブラリの違いとハイライトを1つずつ紹介します。

1. フロントエンド フレームワーク ライブラリ:

1.Zepto.js

説明: Zepto は、最新の高度なブラウザー用の軽量の JavaScript ライブラリです。jquery と同様の API を備えています。 jquery を使用できる場合は、zepto も使用できます。私も Tencent の友人とのチャットを通じて Zepto について知りましたが、基本的な理解しかありませんでした。

2.SUI Mobile

説明: SUI Mobile は、Framework7 に基づいて開発された UI ライブラリのセットです。非常に軽量で美しく、CDN ファイルを導入するだけで使用できます。iOS 6.0 以降および Android 4.0 以降と互換性があり、クロスプラットフォームの Web アプリの開発に非常に適しています。

用途: ご覧のとおり、ワイヤレス側の Web アプリの開発に使用されます。

3.Node.Js

説明: Node.js は Javascript 実行環境 (ランタイム) です。実際、これは Google V8 エンジンをカプセル化しています。 V8 エンジンは Javascript を非常に高速に実行し、非常に優れたパフォーマンスを発揮します。 Node.js は、いくつかの特殊な使用例を最適化し、ブラウザ以外の環境で V8 をより適切に実行できるようにする代替 API を提供します。 Node.js は Chrome JavaScript ランタイム上に構築されたプラットフォームで、応答が速く、拡張が容易な Web アプリケーションを簡単に構築するために使用されます。 Node.js はイベント駆動型のノンブロッキング I/O モデルを使用して軽量かつ効率的であるため、分散デバイス上でデータ集約型のリアルタイム アプリケーションを実行するのに最適です。

簡単に言うと、Node.js はサーバー側で実行される JavaScript です。

Node.js は、Chrome JavaScript ランタイム上に構築されたプラットフォームです。

Node.js は、Google の V8 エンジンに基づくイベント駆動型 I/O サーバーサイド JavaScript 環境です。V8 エンジンは JavaScript を非常に高速に実行し、非常に優れたパフォーマンスを発揮します。

目的:

1. RESTful API

これは、API をリクエストし、データを整理するだけで、NodeJS にとって最も理想的なアプリケーション シナリオです。返してください。基本的には、データベースからいくつかの値を検索し、それらを応答に組み立てるだけです。応答は少量のテキストであり、受信リクエストも少量のテキストであるため、トラフィックは高くならず、最も多忙な企業の API ニーズも 1 台のマシンで処理できます。

2. Web アプリケーションの UI レイヤーを統合する

現在の MVC アーキテクチャでは、ある意味、Web 開発には 2 つの UI レイヤーがあり、1 つは最終的にブラウザーで表示されるもので、もう 1 つはサーバー側で行われます。ページの生成と結合。

このアーキテクチャが良いか悪いかについては議論しませんが、フロントエンドとバックエンドの依存関係をより適切に分離できる、サービス指向アーキテクチャという別のプラクティスもあります。すべての主要なビジネス ロジックが REST 呼び出しにカプセル化されている場合、上位層はこれらの REST インターフェイスを使用して特定のアプリケーションを構築する方法のみを考慮する必要があることを意味します。これらのバックエンド プログラマは、特定のデータがあるページから別のページにどのように渡されるかを気にしません。ユーザー データの更新が Ajax 経由で非同期的に取得されるか、ページの更新によって取得されるかは気にしません。

3. 大量の Ajax リクエストを含むアプリケーション

たとえば、各ユーザーが異なるページを参照するパーソナライズされたアプリケーションでは、キャッシュが無効であり、ページがロードされるときに Ajax リクエストを開始する必要があります。多数の同時リクエスト。つまり、NodeJS は、同時実行性が高く、I/O が集中し、ビジネス ロジックが少量であるシナリオでの使用に適しています。

4.angular.Js

説明: AngularJS[1] は 2009 年に誕生し、Misko Hevery らによって作成され、後に Google に買収されました。これは、多くの Google 製品で使用されている優れたフロントエンド JS フレームワークです。 AngularJS には多くの機能がありますが、最もコアとなる機能は、MVVM、モジュール化、自動双方向のデータバインディング、セマンティックタグ、Dependency Injectionなどです。

目的: 説明することで、AngularJS、MVVM、モジュール化、自動双方向データバインディングなどの本当の目的を理解できるはずです。単純な dom 操作に加えて、Js プログラミングの力も反映できます。もちろん、用途は状況に応じて変える必要があります。

5.JQuery Mobile

説明: Query Mobile は、携帯電話およびタブレット デバイス上の jQuery のバージョンです。 jQuery Mobile は、jQuery コア ライブラリを主流のモバイル プラットフォームに導入するだけでなく、完全で統合された jQuery モバイル UI フレームワークもリリースします。世界の主流のモバイル プラットフォームをサポートします。 jQuery Mobile 開発チームは次のように述べています: 私たちはこのプロジェクトを開発することに非常に興奮しています。モバイル Web には、開発者が真のモバイル Web サイトを開発できるようにするクロスブラウザー フレームワークが必要です。

目的: jQuery Mobile は、モバイル Web アプリケーションを作成するためのフレームワークです。

jQuery Mobile は、すべての一般的なスマートフォンやタブレットで動作します。

jQuery Mobile は HTML5 と CSS3 を使用して、できるだけ少ないスクリプトでページをレイアウトします。

6.requirejs

説明: RequireJS の目標は、コードのモジュール化を促進することであり、従来の

とは異なるアプローチを使用します。