react虛擬dom diff演算法

標籤：一模一樣   str   更新   相同   渲染   比較   表示   頁面   dom操作   

react虛擬dom：依據diff演算法台

前端：更新狀態、更新視圖；所以前端頁面的效能問題主要是由Dom操作引起的，解放Dom操作複雜性 刻不容緩

因為：Dom渲染慢，而JS解析編譯相對非常非常非常快！jsg更容易表示節點

所以：把js和html混寫在一起來解決,React出現了!!!

diff演算法是虛擬dom核心：

傳統的diffs演算法複雜度是次方層級增長，而react用的最佳化過的diff演算法：

過程：1.節點比較（屬性、文本）；2.記錄差別（編號）；3.增刪改查（js）；

最佳化點：

情景1：老的父節點和新的父節點只要不一樣，ok，斷臂！即使孩子節點一模一樣，都要刪除，渲染新的節點；

情景2：父節點相同，對比節點的屬性、文本，進行替換或者刪除

react虛擬dom diff演算法