vue 的虛擬 DOM 有什么好處?


vue 中的虛擬DOM有什么好處?快!

首先了解瀏覽器顯示網頁經歷的5個過程 

1、解析標簽,生成元素樹(DOM樹)

2、解析樣式,生成樣式樹

3、生成元素與樣式的關系

4、生成元素的顯示坐標

5、顯示頁面

 

修改真實DOM

每修改一個元素,那么這5個過程都要重新走一次。修改10個元素就走10遍。

 

修改虛擬DOM

虛擬DOM存儲在內存中,對10個元素的修改是在虛擬DOM中進行,修改完后,比較虛擬DOM和真實DOM的差異,當有差異時,再一次過去更新網頁的顯示,而不是走10遍過程。

 

虛擬 DOM 好處

速度快,減小了頁面渲染過程的次數


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM