[react] 你知道Virtual DOM的工作原理嗎？

• Virtual DOM是什么：虛擬DOM是真實DOM的javascript對象的映射
• Virtual DOM的工作原理：數據驅動視圖更新這個過程中，首先會改變虛擬DOM對象，一個視圖的更新周期，首先會簡單新的虛擬DOM和舊的虛擬DOM的差異，最后比較處所有的差異，即是更新前后DOM的差異，最后把這個差異應用到真實的DOM上。
• 為什么Virtual DOM能提高性能: 頻繁的更新DOM會引起性能問題，但是因為虛擬DOM是純js，所以頻繁的更新虛擬DOM不會引起性能的問題，一次更新周期之后，根據diff 虛擬DOM的差異，批量的去更新DOM，達到了最新的DOM更新量。所以相對于手動更新DOM提高了性能。

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[react] 你知道Virtual DOM的工作原理吗？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。