フロントエンドのフレームワークとライブラリの紹介

1、JS動作機構

JavaScript言語はシングルスレッドである
非同期イベントテーブル及び登録機能を入力し、メインスレッドの同期に「場所」の異なる実装の中に、それぞれ、同期および非同期タスク。
指定された物事が行われた場合、イベント表この機能は、イベントキューに移動されます。
メインスレッドでのタスクの実行が完了すると、空で、イベントキューへ行くには、メインスレッドを入力し、対応する機能を読み込みます。
上記のプロセスは、それが、多くの場合、イベントループ(イベントループ)から言われて、繰り返されます。

2、JSライブラリ

jQueryの
jQueryのは、主に処理するために使用されるJS HTMLページとの相互作用は、多くの方法が開発効率を向上させ、ネイティブJSより簡潔に比べ、動作DOM、ならびにAJAXをカプセル化します。

アンダー
Underscore.js主パッケージはいくつかの共通の特徴ライブラリJS、として理解することができるJS方法操作関数等マップアレイ動作、低減、フィルタ、などの、しかしこれらの機能はほとんどES6達成されています。同様のアンダースコアまたはlodashは、二次JSの開発です。

Lodash
Lodash JS工具マガジンは、多くの文字列、配列、およびオブジェクトの他の一般的なデータ型のパッケージハンドラ内部分は、ECMAScript仕様を開発していないされているが、業界のヘルパー関数によって認識されていることです。

図3に示すように、フレームの前端

2.1ビュー

  • Vue.jsに基づいており、現在多くの人気のJavaScript MVVMフレームワークであり、データ駆動型およびコンポーネントベースのアイデアのビルド。Angular.jsと比較すると、Vue.jsは簡単に使用するAPIを理解しやすくして始めるのは素早く、より簡潔に、提供しています。

    マニュアルjQueryのDOMとは異なり、Vue.jsは、その特殊なHTML構文、およびデータDOMバインドによるデータ駆動型です。あなたがバインドを作成したら、データの変更は、DOMはそれに応じて更新されるたび、DOMとデータが同期されます。

  • MVVM(モデル-ビュー-表示-モデル) フレーム: ビューモデル:コアVue.js、Vueの一例です。(HTMLのbody要素または要素にidを指定する)HTMLの要素に作用します。双方向バインディング:我々は、双方向結合の実現の鍵となる2つのツールとして、DOMリスナーとデータバインディング上の図よ。DOMのリスナー:変更がある場合ページ私たちのDOM要素のヘルプモニタの変更には、モデル内のデータを変更、データバインディング:モデル内のデータを更新する場合、それは私たちがページ上のDOM要素を更新するのに役立ちます。VUE MVVMモデル



おすすめ

転載: www.cnblogs.com/jlfw/p/11964438.html