dom-diff算法的實現

生成項目

npm install -g create-react-app
create-react-app dom-diff

虛擬DOM

virtual dom ，也就是虛擬節點。通過js的object對象模擬DOM的節點，然后通過特定的render方法 將其渲染成真實的dom節點。

Dom diff 比較兩個虛擬dom區別 比較兩個對象的區別

dom diff作用 根據兩個虛擬對象創建出補丁，描述改變的內容，將這個補丁用來更新dom 如下圖


1581150823218.png

dom diff的簡單實現源碼github

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容