《我的職業是前端工程師【四】：如何選擇合適的前端框架，告別選擇恐懼症》提到一句：“Vue.js 是一套構建使用者介面的漸進式框架，專注於MVVM 模型的 ViewModel 層。”那麼，什麼是構建使用者介面的漸進式框架？看了知乎《Vue2.0 中，“漸進式框架”和“自底向上增量開發的設計”這兩個概念是什麼？》看了@徐飛@Jim Liu解釋，自己有了新的理解：“漸進式——在原有專案中，可以先嚐試引入一兩個元件，可以當外掛用....甚至也可以用它來開發整個專案！”

換句話，站在使用者的來說：“給你一個空屋，至於你需要什麼自己一件件添，而不是那種家居家電全齊，自己不喜歡再一件件的扔了，甚至required 必須用且耗費空間的！”

引用大神的話：“它給你提供足夠的optional，但並不主張很多required，也不多做職責之外的事！這就是漸進式。”

2.傳統的 DOM 操作是直接在 DOM 上操作，當需要修改一系列元素中的值時，就會直接對 DOM 進行操作。而採用 Virtual DOM 則會對需要修改的 DOM 進行比較（DIFF），從而只選擇需要修改的部分。也因此對於不需要大量修改 DOM 的應用來說，採用 Virtual DOM 並不會有優勢。

react虛擬dom：依據diff算法臺

前端：更新狀態、更新檢視；所以前端頁面的效能問題主要是由Dom操作引起的，解放Dom操作複雜性 刻不容緩

因為：Dom渲染慢，而JS解析編譯相對非常非常非常快！jsg更容易表示節點

所以：把js和html混寫在一起來解決,React出現了!!!

diff演算法是虛擬dom核心：

傳統的diff演算法複雜度是次方級別增長，而react用的優化過的diff演算法：

過程：1.節點比較（屬性、文字）；2.記錄差別（編號）；3.增刪改查（js）；

優化點：

情景1：老的父節點和新的父節點只要不一樣，ok，斷臂！即使孩子節點一模一樣，都要刪除，渲染新的節點；

情景2：父節點相同，對比節點的屬性、文字，進行替換或者刪除