React框架自我整理和精簡(二)

2021-10-11 17:32:16 字數 1415 閱讀 4390

一、react中的元素組成

(1)可以是dom元素 (2)可以是使用者自定義的元件

function元件和class元件的對應區別和相應的特點。

class元件繼承了react中的生命週期等特點。不同的生命週期可以編寫不同的方式進行渲染值

和載入函式。

二、提取元件的問題

(1)從命名做起

如果隨意的編寫和和命名元件的話,那麼相應的結構,就會非常的凌亂。因此需要元件

需要考慮易讀性,和相應的通用性。 這就需要從元件的命名開始做起。

如果要編寫通用的元件,那就需要對元件進行拆解,將相應的特點和相應的值關聯

起來。(2)純函式的概念

很多架構裡面都會說:函式是一等公民。一等公民的函式,強調的就是純函式。

純函式就是說,函式的輸出值只與傳入函式的引數有關,不會因為除了傳參之外的外部

引數改變函式的返回值。

優點就是減少了出現問題或者測試的時候,所需要考慮的情況。設計用例的時候,

只需要考慮傳參的值,來設計用例。這對於編碼量級比較大的時候,是非常重要的。

二、react中的class函式中的state和生命週期函式的**

(1)函式元件中的生命週期鉤子函式的**

函式元件對比class元件的差別,就在於class元件繼承了react.componet類,這個類

裡面有相關生命週期的鉤子函式的方法.

(2)state的概念和相關作用,以及實現更新的內部機制

state和props類似,但是state是私有的,完全受控於當前元件。setstate之後建立得

值會和原來得state值合併,並完成相同值型別的修改。在部分情況下,多個setstate可能

會合併執行。

(3)常用的生命週期函式,又成鉤子函式

鉤子函式是指,可以被系統捕捉,並處理後返回對應值,生效的函式。

三、react中的常用生命週期函式

(1)componentdidmount()元件相應的第一次渲染到dom中的時候,這時候的狀態是

掛載(mount)

(2)componentwillunmount()元件在被刪除的時候,稱為掛載(unmount)。在

掛載之前可以執行相應的方法,比如清理定時函式。

四、react中的值傳遞特點

(1)父元件和子元件無法知道某個元件的相應的狀態,也不知道對方是函式元件還是class

元件。這就是state封裝在單個元件的原因。 作為父元件可以存入多個狀態,其它子

元件可以從直接父元件中的state中取出其它元件傳入或者儲存的狀態值。

(2)這對於巢狀層數較多或者需、要通過子元件的內部某個孫子元件的變化更改父元件

的時候,就是乙個問題。這個問題在reduce中得到了解決。但是react也有自己獨有的

處理這種情況的方式。

shouldcomponentupdate

maya 操作自我整理(二)

隨身攜帶自己的maya習慣 我們在一台電腦上設定好自己的使用習慣,包括自己定義的快捷鍵 標記選單 介面顏色 工具架等資訊,當換到另乙個工作環境時再進行設定十分不便利,將自己的習慣隨身帶走有利於我們更快捷的投入到新的工作環境當中。在 c documents and settings administr...

作業系統框架整理(二)

下面這章是作業系統對儲存的管理,在儲存管理中重 難的內容已經用紅色標記,也就是說對主存的管理,作業系統總是依靠一張 表 來標記。這張表的原理應用在各種儲存方式中都有所體現,現在我們也就知道了作業系統拿什麼來了解記憶體的空間利用狀況。接下來是檔案管理,在作業系統中檔案管理是很重要的一部分,因為我們每天...

庫和框架,vue和react的比較

庫和框架,vue和react的比較 庫 小而巧,只提供api,可以方便的從乙個庫切換到另外乙個庫,幾乎不需要改變 框架 大而全的是框架,框架與框架之間的切換比較困難 vue和react的比較 一 元件化方面 1 什麼是模組化 模組化是從 的角度進行分析,把一些可復用的 抽離為單個模組,便於專案開發和...