其中標紅的（ componentwillmount、 componentwillreceiveprops、 componentwillupdate ）是 react 16.3 版本要移除的生命週期，移除原因：react 打算在17版本中，新增 async rendering ， react 將乙個更新過程分為 render 前後兩個階段，render 前是可以被打斷（比如有緊急任務），當生命週期被打斷後，再次執行，並不會從斷點繼續執行，是重新執行的，所以這些生命週期就可能會執行多次。
同時為了彌補失去這三個生命，react 新增了兩個生命週期： static getderivedstatefromprops、 getsnapshotbeforeupdate
getderivedstatefromprops 會在呼叫 render 方法之前呼叫，並且在初始掛載及後續更新時都會被呼叫。它應返回乙個物件來更新 state，如果返回 null 則不更新任何內容。
此方法適用於罕見的用例，即 state 的值在任何時候都取決於 props。
static getderivedstatefromprops(nextprops, prevstate)
複製**
getsnapshotbeforeupdate 返回的值會做為第三個引數傳遞給 componentdidupdate。
getsnapshotbeforeupdate(prevprops, prevstate)
componentdidupdate(prevprops, prevstate, snapshot)
複製**
react 父元件觸發更新時，它的所有子元件都會觸發更新（即使 props 和 state ）並沒有改變，這樣時候我們在子元件中新增 shouldcomponentupdate 生命週期，判斷狀態是否變更，如果沒有變更返回 false , 這個子元件就不會重新 render。
react.purecomponent 是 react 自動幫我們在 shouldcomponentupdate 做了一層淺比較。
if (this._compositetype === compositetypes.pureclass)
複製**
const mycomponent = react.memo(function
mycomponent(props) );
複製**
key="2015">dukeli>
key="2016">villanovali>
ul>
key="2014">connecticutli>
key="2015">dukeli>
key="2016">villanovali>
ul>
複製**
概念：可以理解為元件工廠，傳入原始元件，新增功能，返回新的元件。
缺點：靜態構建：工廠返回的新元件，不會立即執行，即 hoc 工廠函式裡定義的生命週期函式只有新組建渲染時才會執行。
概念：render props 就是乙個 render 函式作為 props 傳遞給了父元件，使得父元件知道如何渲染子元件。
優點： 缺點：
概念：hooks 遵循函式式程式設計的理念，主旨是在函式元件中引入類元件中的狀態和生命週期，並且這些狀態和生命週期函式也可以被抽離，實現復用的同時，減少函式元件的複雜性和易用性。
hooks api：
乙個簡單的 custom hooks：
import from
'react';
function
usetitle(title), [title]);
}複製**
diff 演算法基於兩個策略：
在 react 中，樹的比對非常簡單，react 只會對兩棵樹進行逐層比較，即比較處於同一層級的節點。
節點比較分成兩種情況：（1）節點型別不同，（2）節點型別相同，屬性不同。
情況（1）：
// dom diff 操作
c.destroy();
d = new d();
複製**
//變更錢
fontsize: '16px'}} >div>
//變更後
color: 'red'}} >
//執行操作
=> removestyle fontsize
=> addstyle color 'red'
複製**
這個時候就會有兩種情況：（1）節點沒有表示唯一 key ，（2）節點表示了唯一 key
情況（1）結果如下圖：
//執行過程
c unmount
d unmount
e unmount
f mount
c mount
d mount
e mount
複製**
//執行過程
f mount
複製**
class
errorboundary
extends
react.component
; }
static getderivedstatefromerror(error) ;
} componentdidcatch(error, info)
render()
return
this.props.children;
}}複製**
render()
複製**
階段1涉及的生命週期（可能會執行多次）：componentwillmount、 componentwillreceiveprops、 shouldcomponentupdate、 componentwillupdate
階段2涉及的生命週期：componentdidmount、 componentdidupdate、 componentwillunmount
全新的 context api 可以很容易實現祖先節點和子節點通訊，並且沒有***。
const themecontext = react.createcontext('light');
class
themeprovider
extends
react.component
; render()
);}}
class themedbutton extends react.component
);}}
複製**
suspense 作用是在等待元件時 suspend（暫停）渲染，並顯示載入標識。
import react, from
'react';
const othercomponent = lazy(() =>
import('./othercomponent'));
function
mycomponent() >
suspense>
);}複製**
word 設定小抄格式
相信很多同學都用過小抄來幫助過自己，嘿嘿，多不說你們都懂，這個東西好用，但是具體怎麼弄呢？我綜合了一下其他人的做法，親自試驗後總結了一下。1 首先全選 ctrl a 右鍵 段落 選項卡 縮排與間距 子選項卡 縮排 特殊格式 選擇 無 選擇最小字型大小 5磅 好了，字型變小了，但是這不是我們要的 2 ...
紅黑樹小抄
演算法分析課 期末考紅黑樹也是沒誰了 不過不幸中的萬幸是應該只考插入，我就在這打個小抄，大家就當考前熱個身 是一顆bst 不會bst請自行查閱 根節點是黑色，節點要麼是紅色要麼是黑色 假設所有葉子結點是nil，則任意子樹任意路徑到達nil的黑色節點個數相同 所有葉子結點都是nil，並且是黑色 紅節點...
hdfs命令使用小抄
記錄常用hdfs命令 1 新建目錄 hadoop fs mkdir notice mkdir新建目錄的時候，父目錄必須存在。hadoop不能自動生成父目錄。比如 要新建hdfs common use software時，hdfs common use 需存在 hadoop fs mkdir hdfs...