深入瞭解虛擬DOM
實際順序
jsx->createElemnt ->虛擬DOM(JS 物件)->真實DOM
虛擬DOM中的Diff演算法 :當react查詢差異的時候,就會採用diff
虛擬DOM比對是
同層比對:然後上層不同,則下層全改。雖然會出現dom上的浪費,但是演算法上會出現效率上的問題,虛擬dom是同層
遍歷陣列:需要每個元件設定key值,而穩定的KEY值需要穩定
深入瞭解虛擬DOM
實際順序
jsx->createElemnt ->虛擬DOM(JS 物件)->真實DOM
虛擬DOM中的Diff演算法 :當react查詢差異的時候,就會採用diff
虛擬DOM比對是
同層比對:然後上層不同,則下層全改。雖然會出現dom上的浪費,但是演算法上會出現效率上的問題,虛擬dom是同層
遍歷陣列:需要每個元件設定key值,而穩定的KEY值需要穩定