仮想-DOM&デフ

S:実際のDOMツリーは非常に複雑であり、ノー最適化戦略(単一ノードのプロパティの膨大な数、200ヶ月をマウントする)、頻繁に再配置をトリガ、深刻なパフォーマンスの消費

:仮想DOMは:tagNameを\の小道具は、子供を\必要な情報のみを格納し、実際のツリー構造と一致したDOM

createElement:仮想DOMを作成します。

差分:深さ優先DFS - >パッチ

パッチ:パッチがタイプ、変更する必要があります。小道具\ \リオーダーを置き換える\テキスト、ノード\コンテンツ

ドム実際の深さ優先ツリー、変化トリガDOM更新(のreplaceChild \リオーダー\ setProps \テキスト)のパッチがあります

キーは、識別差分、リオーダアルゴリズム\位置決め(簡単に再利用)のために使用されます

ます。https://www.jianshu.com/p/c75b93ac2b2aで再現

おすすめ

転載: blog.csdn.net/weixin_34377919/article/details/91071778