vue 的虛擬 DOM 有什麼好處,速度快,為什麼快,因為減小了頁面渲染過程的次數 ...
vue 中的虛擬DOM有什麼好處?快!
首先瞭解瀏覽器顯示網頁經歷的5個過程
1、解析標簽,生成元素樹(DOM樹)
2、解析樣式,生成樣式樹
3、生成元素與樣式的關係
4、生成原始的顯示坐標
5、顯示頁面
修改真實DOM
每修改一個元素,那麼這5個過程都要重新走一次。修改10個元素就走10遍。
修改虛擬DOM
虛擬DOM存儲在記憶體中,對10個元素的修改是在虛擬DOM中進行,修改完後,比較虛擬DOM和真實DOM的差異,當有差異時,再一次過去更新網頁的顯示,而不是走10遍過程。
虛擬 DOM 好處
速度快,減小了頁面渲染過程的次數