說道調和，那麼我們不得不說react調和的三種策略了。
1、treediffer，不會跨級進行比較，同級之間進行對比，如果發現有不同，那麼將會刪掉整行dom元素，
2、component diff 不同元件會直接刪掉，對於相同元件繼續按層級對比
3.element diff 對於元素提供三種操作刪除、插入、移動，基於key可以提高效率，否則需要迴圈新結點一次迴圈舊結點一次才能找到變化
舉個例子 ：react當我們設定setstate狀態進行改變的時候就會觸發所謂的調和過程，其實調和過程有好幾種觸發方式，比如重新render，或者元件傳參，基本上重新渲染dom樹的都會觸發調和，從而根據不同的diff策略進行對應的更新渲染
React渲染過程
1.babel會將jsx轉換為react.createlement表示式 2.react.createelement render 在render函式呼叫時，生成乙個element 虛擬節點 3.眾多element組成虛擬dom 4.reactdomcomponent將眾多element轉化為真實節...
網頁設計配色 色彩的調和
網頁頁面中總是由具有某種內在聯絡的各種色彩，組成乙個完整統一的整體，形成畫面色彩總的趨向，稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍，是影響配色視覺效果的決定因素。兩種或兩種以上的色彩合理搭配，產生統一諧調的效果，稱為色彩調和。色彩調和是求得視覺統一，達到人們心理平衡的重要手段。調和就是統...
react元件生命週期過程
首次例項化 例項化完成後的更新 元件已存在時的狀態改變 生命週期共提供了10個不同的api。1.getdefaultprops 作用於元件類，只呼叫一次，返回物件用於設定預設的props，對於引用值，會在例項中共享。2.getinitialstate 作用於元件的例項，在例項建立時呼叫一次，用於初始...