虛擬DOM

virtual-dom(簡稱vdom)的概念大規模的推廣得益於react的出現，virtual-dom也是react這個框架很是重要的特徵之一，這也是react運行的比較快的緣由，由於操做的都是vdom，並非直接操做dom。

1，innerHTML和vdom的比較
innerHTML:render html字符串 + 從新建立全部dom元素
vdom: render vdom + diff + 更新必要的dom元素

2，vdom的原理
vdom是在DOM的基礎上創建了一個抽象層，當數據和狀態發生變化的時候，都會自動更新vdom,而後將新的vdom與舊的vdom進行對比，找到變動的部分，得出一個diff,而後將diff放在一個隊列裏，最終批量更新這些diff到dom中。vdom徹底是用js實現的，和宿主瀏覽器沒有任何關係，將本來須要在真實dom進行的建立節點，刪除節點，添加節點等一系列複雜的dom操做所有放到vdom裏面進行，最終表如今dom上的修改就只是變動了部分，大大提升了性能