面試 vue 什麼是虛擬dom?

2021-10-04 10:19:34 字數 272 閱讀 8580

官方概念

vue通過建立乙個虛擬的dom數對真實的dom發生的變化保持追蹤

一棵真實的dom樹的渲染需要先解析css樣式和dom樹,然後將其整合成一棵渲染樹,再通過布局演算法去計算每個節點在瀏覽器中的位置,最終輸出到顯示器上面。

而我們所提及的虛擬的dom

則可以理解為儲存了一棵dom樹被渲染之前所包含的所有資訊,而這些資訊可以通過物件的形式一直儲存在記憶體當中,並通過js的操作來進行維護

參考:

vue虛擬DOM是什麼?vue的虛擬DOM的用法

vue虛擬dom是什麼?vue的虛擬dom的用法 1 為什麼需要虛擬dom 雖然採用的是文件碎片,但是操作的還是真實的dom。而我們知道操作dom的代價是昂貴的,所以vue2.0採用了虛擬dom來代替對真實dom的操作,最後通過某種機制來完成對真實dom的更新,渲染檢視。所謂的虛擬dom,其實就是用...

什麼是虛擬dom

虛擬dom就是乙個特殊的物件。vue之所以執行高效,因為採用了虛擬dom,減少了對真實的dom操作。一 dom和虛擬dom對比 dom 二 dom操作和虛擬dom操作耗時對比 let num 0 console.time test 方式一 平均 60ms 80ms for var i 0 i 100...

Vue虛擬DOM是這樣實現的

虛擬dom就是通過乙個js物件來描述乙個dom節點,比如 a id b 我是內容 div text 我是內容 文字內容 children 子元素 通過下面物件描述的方式,將上面的div標籤描述出來 我們都知道vue採用的是mvvm的框,核心思想就是通過資料控制檢視,當時資料發生後變化的時候檢視也要發...