面試 15-虛擬DOM

15-虛擬DOM

#前言

vdom 是 vue 和 React 的核心，先講哪個都繞不開它。

vdom 比較獨立，使用也比較簡單。

如果面試問到 vue 和 React 和實現，免不了問 vdom：

• vdom 是什么？為何會存在 vdom？

• vdom 的如何應用，核心 API 是什么

• 介紹一下 diff 算法

#什么是 vdom

#什么是 vdom

DOM操作是昂貴的。

步驟一：用JS對象模擬DOM樹

步驟二：比較兩棵虛擬DOM樹的差異

步驟三：把差異應用到真正的DOM樹上