実践的な Web フロントエンド JS および UI フレームワークの紹介

一个新手
リリース: 2017-10-17 09:56:27
オリジナル
1600 人が閲覧しました

フロントエンド 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

  • アドレス: http://www.css88.com/doc/zeptojs/

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

2.SUI Mobile

  • アドレス: http://m.suit.taabao.org

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

  • 用途: ワイヤレス側の Web アプリの開発に使用されていることもわかりました。

3.Node.Js

  • アドレス: http://www.runoob.com/nodejs/nodejs-tutorial.html (中国語のウェブサイト)

  • 説明: ノード。 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 を作成し、返すデータを整理するだけです。基本的には、データベースからいくつかの値を検索し、それらを応答に組み立てるだけです。応答は少量のテキストであり、受信リクエストも少量のテキストであるため、トラフィックは高くならず、最も多忙な企業の API ニーズも 1 台のマシンで処理できます。

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

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

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

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

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

4.angular.Js

  • アドレス: http://www.runoob.com/angularjs/angularjs-tutorial.html (中国語のウェブサイト)

  • 説明: AngularJS[1] は年に生まれました。 2009 2006 年にミスコ・ヘベリーらによって設立され、後に Google に買収されました。これは、多くの Google 製品で使用されている優れたフロントエンド JS フレームワークです。 AngularJS には多くの機能があり、その最も核となる機能は、MVVM、モジュール化、自動双方向データ バインディング、セマンティック タグ、依存関係注入などです。

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

5.JQuery Mobile

  • アドレス: http://www.w3school.com.cn/jquerymobile/ (中国語のウェブサイト)

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

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

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

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

6.requirejs

  • アドレス: http://www.requirejs.cn/

  • 説明: RequireJS の目標は、コードのモジュール化を促進することであり、異なるスクリプト読み込みを使用します。従来の

    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート