コアにおける差分アルゴリズムのVueて反応

仮想DOM

  • DOMによって機能をレンダリングするためにレンダリングするDOMオブジェクト、回避還流への変更(再レンダリング)、リアルタイムにjsの真の選択肢
  • 文の道ファイル
  • 以下のような出力ルックスファイル

DOM本当の実現は、ファンクション・ジェネレータをレンダリング

  • プロパティの設定ファイル
  • 機能をレンダリングファイル
  • レンダリング機能ファイル

diffのアルゴリズム

  • diffのアルゴリズムは、DOMは、実際には、アルゴリズムの異なる種類(仮想比較的より経済的パフォーマンス)コンペア
    __パッチ:DOMのタスクを更新するために使用__

比較ルール

  • 同じレベルのコントラスト
    • ファイル
  • 交差レベルのコントラストない(NO A__削除__A)ファイル
  • 同じレベルの多重化で
    • ファイル

トラバーサルのルール

  • (ルートノードからトラバース下部サブ向かっ)プレオーダー深さ優先トラバーサル
    • ファイル
    • 125と呼ばれる幅優先
    • 12345深さ優先

達成するための差分機能

  • アイデアのルールを比較
      1. 同じタイプ、比較属性、異なる属性のパッチのパッチを生成します{type:'ATTRS',attrs:{class:'xx'} }
      2. 新しいノードは、元のDOMに存在しません。{type:'REMOVE',index:xxx}
      3. 異なるタイプのノード、直接交換{type:'REPLACE',newNode:xxx}
      4. テキストの変更{type:'TEXT',text:'xxx'}

おすすめ

転載: www.cnblogs.com/qidaoxueyuan/p/12461581.html