下面來說下,我理解的虛擬dom
背景
我們知道在jquery時代,都是直接操作dom的,你需要在適當的時機以正確的順序來制定要更改的元素,相當於我們自己要時時刻刻看著dom,然後告訴它你頭要怎麼放,手要擺怎麼樣的姿勢。所以問題來了,你為什麼不一次性告訴dom你想要的結果呢?而且另外乙個常識問題就是操作dom其實是相當慢的。
虛擬dom
在這樣的乙個時代背景下,虛擬dom應時而生。
什麼是虛擬dom?
1、用js模擬了一顆dom樹,並放在了瀏覽器記憶體裡
2、當你有元素需要變更時,直接告訴虛擬dom,虛擬dom先生成出你想要的樣子。而且這個速度非常快
3、使用diff演算法進行新舊虛擬dom比較,得出乙個變更,將這個變更放到變更佇列中,然後批量將這些變更反應到實際的dom樹中,這樣就減少了dom的操作。
對虛擬DOM的理解
什麼是虛擬dom 簡單來說虛擬dom就是用js來模擬dom結構。相對於瀏覽器渲染出來的真是dom。1.記憶體中生成一顆虛擬dom樹 var vdom children 上面就是乙個簡單的虛擬dom,可以將記憶體裡的虛擬dom渲染成真實dom 虛擬dom的作用 當用傳統的api或jquery去操作do...
如何理解虛擬DOM
看了知乎各位大神對於虛擬dom的解釋,我也是得出了一些比較淺顯的感受 虛擬dom virtual dom並沒有完全實現dom,virtual dom最主要的還是保留了element之間的層次關係和一些基本屬性。我認為虛擬dom就是把dom樹做了乙個 dom 資料 對映成虛擬dom,這個對映的效率比操...
虛擬DOM淺理解
虛擬dom往簡單了說就是用一種簡便的方法去實現對dom元素的操作。為什麼要用 就是為了要解決瀏覽器的效能問題 好處 頁面的更新可以先全部反映在js物件 虛擬dom 上,操作記憶體中的js物件的速度顯然要更 快,等更新完成後,再將最終的js物件對映成真實的dom,交由瀏覽器去繪製。實現過程 可以通過e...