虛擬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...