国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端三大框架對比(二)——數據更新

sixgo / 2154人閱讀

摘要:最先說的原因是因為它與其他兩個框架不同,用的是臟檢查機制實現雙向數據綁定在中有一個負責監聽需要視圖變化的事件觸發每一個組件都都它自己的檢測器,用于負責檢查其自身模板上綁定的變量。

Angular 最先說Angular的原因是因為它與其他兩個框架不同,用的是臟檢查機制(Dirty Checking)實現雙向數據綁定

在Angular中有一個Zone.js負責監聽需要視圖變化的事件觸發

每一個組件都都它自己的檢測器(detector),用于負責檢查其自身模板上綁定的變量。

將舊值跟新值進行比較,不相等就說明檢測到變化,更新對應視圖

Vue & React 都是采用虛擬DOM來實現視圖更新 虛擬DOM

vue和react的虛擬DOM的Diff算法大致相同:

tree diff 只對同一層級節點比較

component diff 比較組件類型

element diff 同一層級子節點通過id區分

基于以上這三個約束,使得虛擬DOM的Diff算法的復雜度從O(n^3)降到了O(n)。

Vue

Vue會遍歷data對象的所有屬性,并使用Object.defineProperty把這些屬性全部轉為getter/setter

每個組件實例都有相應的 watcher 實例對象,它會在組件渲染的過程中把屬性記錄為依賴

當依賴項的setter被調用時,會通知watcher重新計算,從而致使它關聯的組件得以更新

React

當使用setState/forceUpdate,會調用render方法更新視圖

父組件更新視圖時,會re-render子組件,所以看起來改變子組件的props也會更新視圖

更多文章 yjy5264.github.io

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96259.html

相關文章

  • 珠峰前端架構師培養計劃

    摘要:公司的招聘要求都提到了至少熟悉其中一種前端框架,有前端工程化與模塊化開發實踐經驗相關字眼。我們主要從端公眾號移動端小程序三大平臺進行前端的技術選型,并來說說選其技術的幾大優勢。技術的優勢互聯網前端大潮后,前端出現了大框架,分別是與。 1、技術選型的背景前端技術發展日新月異,互聯網上出現的新型框架也比較多,如何讓新招聘的人員...

    ccj659 評論0 收藏0
  • 前端三大框架對比

    摘要:與相同點使用,有較高的運行速度提供組件化功能可使用與進行狀態管理,響應式依賴追蹤子組件重復渲染問題需要手動優化可以使用進行狀態管理,函數式不可變模式化,時間旅行可使用,完全的能力更繁榮的社區生態可使用,但推薦使用模版語言而不是學習曲線平緩特 React與Vue 相同點 使用 Virtual DOM,有較高的運行速度 提供組件化功能 可使用mobx與vuex進行狀態管理,響應式、依賴追...

    jubincn 評論0 收藏0
  • 2019年前端趨勢分析

    摘要:據狀態調查顯示,只有的前端開發人員使用過,但是有驚人的的開發人員已經聽說過它并希望使用它。事實上,在調查中,的評分高于本身,為,而最受喜愛的語言為。在年,的下載數量大幅增長,而保持不變。 2018年TypeScript 全面開花,GraphQL 蠢蠢欲動,WebAssembly 更是打開了瀏覽器上多語言的大門。所有這一切跟現在的前端有哪些關系呢?下面小編來分享一下 1.三大框架標準化 ...

    Anonymous1 評論0 收藏0
  • 2019年前端趨勢分析

    摘要:據狀態調查顯示,只有的前端開發人員使用過,但是有驚人的的開發人員已經聽說過它并希望使用它。事實上,在調查中,的評分高于本身,為,而最受喜愛的語言為。在年,的下載數量大幅增長,而保持不變。 2018年TypeScript 全面開花,GraphQL 蠢蠢欲動,WebAssembly 更是打開了瀏覽器上多語言的大門。所有這一切跟現在的前端有哪些關系呢?下面小編來分享一下 1.三大框架標準化 ...

    elarity 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<