React workInProgress Fiber 樹存在的意義是什麼

1. React 中使用雙緩存的機制,來完成 Firber樹的構建與替換,實現 Dom 對象的快速更新。
2. React 中會同時存在兩個 Fiber 對象,當前在屏幕中顯示的樹是 CurrentFiber 樹,當發生更新時,React會重新創建一顆新的Firber樹是 WorkInProgress Firber樹。
在雙緩存技術中,workInProgress Fiber 樹就是即將顯示在頁面中的 Fiber樹,當這個Fiber 樹構建完成後,React 會將它直接與 Current Firber 樹進行替換,進而達到 快速更新 Dom 的操作,
因爲 workInProgress Fiber 在更新的過程中,是在內存中構建的,所有速度是非常快的,得到最終更新後的 Firber,直接替換 Current Firber。
3. current Firber 樹有一個 alternate 屬性指向 workInProgress Firber 樹,workInProgress Firber 樹內也 有一個alternate 屬性指向current Firber 樹
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章