仮想DOM
- DOMによって機能をレンダリングするためにレンダリングするDOMオブジェクト、回避還流への変更(再レンダリング)、リアルタイムにjsの真の選択肢
- 文の道
- 以下のような出力ルックス
DOM本当の実現は、ファンクション・ジェネレータをレンダリング
- プロパティの設定
- 機能をレンダリング
- レンダリング機能
diffのアルゴリズム
- diffのアルゴリズムは、DOMは、実際には、アルゴリズムの異なる種類(仮想比較的より経済的パフォーマンス)コンペア
__パッチ:DOMのタスクを更新するために使用__
比較ルール
- 同じレベルのコントラスト
- 交差レベルのコントラストない(NO A__削除__A)
- 同じレベルの多重化で
トラバーサルのルール
- (ルートノードからトラバース下部サブ向かっ)プレオーダー深さ優先トラバーサル
- 125と呼ばれる幅優先
- 12345深さ優先
達成するための差分機能
- アイデアのルールを比較
-
- 同じタイプ、比較属性、異なる属性のパッチのパッチを生成します
{type:'ATTRS',attrs:{class:'xx'} }
- 新しいノードは、元のDOMに存在しません。
{type:'REMOVE',index:xxx}
- 異なるタイプのノード、直接交換
{type:'REPLACE',newNode:xxx}
- テキストの変更
{type:'TEXT',text:'xxx'}
- 同じタイプ、比較属性、異なる属性のパッチのパッチを生成します
-