什麼是虛擬dom

2022-06-14 20:48:12 字數 575 閱讀 7510

虛擬dom就是乙個特殊的物件。

vue之所以執行高效,因為採用了虛擬dom,減少了對真實的dom操作。

一、dom和虛擬dom對比

//dom

二、dom操作和虛擬dom操作耗時對比:

let num=0

console.time('test')

// 方式一:平均 60ms   80ms

for (var i = 0; i < 10000; i++)

console.timeend('test');

//方式二: 平均  1ms   0.6ms

//let num=0

'test')

// for (var i = 0; i < 10000; i++)

// document.getelementbyid('test').innerhtml=num

// console.timeend('test');

三、虛擬dom實現過程:

面試 vue 什麼是虛擬dom?

官方概念 vue通過建立乙個虛擬的dom數對真實的dom發生的變化保持追蹤 一棵真實的dom樹的渲染需要先解析css樣式和dom樹,然後將其整合成一棵渲染樹,再通過布局演算法去計算每個節點在瀏覽器中的位置,最終輸出到顯示器上面。而我們所提及的虛擬的dom 則可以理解為儲存了一棵dom樹被渲染之前所包...

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

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

什麼是DOM物件

dom物件 全稱 document object model 文件物件模型 dom主要研究html中的節點 標籤 對節點進行操作,改變標籤屬性,改變css樣式,新增事件等。dom研究的物件是document 操作流程 1 選擇你要操作的節點 document.getelementbyid idnam...