背景
今天準備開始學習react，於是看到了react入門看這篇就夠了一文。而在看到虛擬dom的時候，讓我聯想到了vue中的虛擬dom，於是順著鏈結點進去看了一下virtual dom的實現原理。
virtual dom
具體實現原理參考深度剖析：如何實現乙個 virtual dom 演算法一文，感覺寫的非常棒，雖然有一些地方感覺還沒能完全理解，但終究是對整個流程有了乙個基本的了解。
感慨今天學著學著突然感覺心情很down，真是應了那句話，越學越發覺自己的無知，有種鹹魚般的迷茫與無奈…
這兩天看的東西有點雜，也順帶在此記錄一下：
8 1 4 Virtual DOM 的實現原理
本文為拉勾網大前端高薪訓練營第一期筆記 虛擬dom就是js物件描述dom物件，成本比真實dom低很多，因為真實dom的屬性特別多 以snabbdom為例，匯入時需要這樣寫 import from snabbdom md snabbdom demo cd snabbdom demo yarn init...
如何實現 virtual dom
相信大部分前端同學之前早已無數次聽過或了解過vnode 虛擬節點 那麼什麼是vnode?vnode應該是什麼樣的？如果不使用前端框架，我們可能會寫出這樣的頁面 不難發現，整個文件樹的根節點只有乙個html，然後巢狀各種子標籤，如果使用某種資料結構來表示這棵樹，那麼它可能是這樣。但是實際開發中，整個文...
運用diff演算法的Virtual DOM
百科解釋 把樹形結構按照層級分解，只比較同級元素。給列表結構的每個單元新增唯一的 key 屬性，方便比較。傳統的diff演算法根據大o推導法 具體演算法的問題不做細解 的時間複雜度為o n 3 在正常傳統diff演算法的大o推導法算出來的時間複雜度不適和現有的要求。在此時有乙個叫virtual do...