フロントエンドJsフレームワークの使い方-jsチュートリアル-php.cn

今回はフロントエンドJsフレームワークの使い方と、フロントエンドJsフレームワークを使用する際の注意点を紹介します。実際の事例を見てみましょう。

概要:

座ってブログを書かない日もありますインターネットの急速な発展の時代、テクノロジーの更新と反復の速度も加速しています。 Java、Js、Swiftが様々な分野で栄えているのを見ると羨ましく感じます。 .net core 1、mono、xamarin など、.net に関するニュースも刺激的ですが、そのほとんどはまだ盛り上がっている段階にあります。実際、テクノロジーに対する理解は常に、テクノロジーはビジネスと製品に貢献し、製品はさまざまな程度でテクノロジーの進化を促進するというものでした。

Web、ワイヤレス、IoT、VR、PCは、さまざまな方向から技術統合とマイクロイノベーションを推進しています。さまざまなビジネスシナリオにおけるプログラマーの役割は逆転します。 Node.jsの登場により言語の役割も変化しており、JSの役割はますます重要になっています。夕食後に学んだ知識も整理しました。『Your Knowledge Needs Management』を読んで、乱雑で広範な知識の蓄えは、整理整頓された知識ほど有益ではないことを痛感しました。ですから、私たちは緊急事態に備えるために、時々戻ってきて知識を整理する必要があります。

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

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

2. Web アプリケーションの UI 層を統一する

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

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

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

たとえば、各ユーザーが異なるページを参照するパーソナライズされたアプリケーションでは、キャッシュが無効であり、ページのロード時に Ajax リクエストを開始する必要があります。 NodeJS は、多数の同時実行要求に応答できます。つまり、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 を使用して、できるだけ少ないスクリプトでページをレイアウトします。