コアコンセプトを反応させます

内部プロジェクトが自己Instagramのサイトを設定するために使用され、Facebookの発祥反応します。

三の大フレームワークのフロントエンド：

angular.js：

フレームのビッグブラザーフロントエンド、定義されたの導入のための組み立てを学ぶため面倒です。2は、コンポーネントベース可能にするための一連の改革を始め、また活字プログラムの使用をサポートしています。

vue.js：

最もホットな1台のフロントエンドフレームワーク、中国の優しいドキュメントの
コンポーネントの実装：
.vueファイル

react.js：

最も人気のあるフロントエンドフレーム、フロントの良好な適合性

コンポーネントの実装：
VUE同じファイルとして直接フォームjsのコードを使用していないが、任意のコンポーネント、3つの部分に分かれとは異なり、VUE地区を作成します。

コアコンセプトを反応させます。

仮想DOM：

我々は唯一の人為的にオブジェクトを操作するために、ブラウザのDOMが提供するAPIを固定することができますので、DOMは、ブラウザのJSが提供する機能です。
仮想DOM：ブラウザによって提供されていないが、ブラウザのDOMに似プログラママニュアルシミュレーションによって達成されるが、本質的な違いがあります。
自然：DOMツリーをシミュレートするためのJSを使用して
、手動でシミュレートされた原則を：使用してJSが電流を記述するために、各DOMノードをシミュレートするためのオブジェクトを持つオブジェクトは、各DOMノードを作成するだけでなく、子供のような属性を提供しますDOMの子ノードなので、DOMノードはDOMツリーをシミュレートするために、ネスティング関係を形成する場合、その。
目的：効率的なDOMノードの更新を達成するために。

差分アルゴリズム：

diffの木：私たちは、コントラスト後のノードのすべての層を入れたときに、新旧のDOMツリー、コントラストのステップの方法によってステップは、背面に木の差分、フロントと呼ばれ、要素を更新する必要が見つけなければなりません。
コンポーネント差分：各層、対照的に、アセンブリと呼ばれる成分の差分との間のコントラストは、形成の時間を比較し、同じタイプの2つの成分の時間については、このコンポーネントを更新する必要がないことである、場合には、成分の異なるタイプの場合、今、古いアセンブリを取り外した位置を交換するために、新しいコンポーネントを削除されます。
差分要素：アセンブリでは、要素レベルの比較
キー：仮想ページの缶DOMノードとDOMオブジェクトは、一対一の関係を行います。