React框架(四)關於該框架的思考小結

2021-10-02 15:19:33 字數 950 閱讀 6194

首先了解兩者的區別

命令式開發

關注計算機的執行步驟,每一步都是需要我們關注的。如搭建乙個網頁,需要我們關注每乙個dom元素。

宣告式開發

不告訴計算機的問題領域,讓計算機明白目標而非流程,即只告訴計算機要做什麼,而不關注計算機如何去做。

react框架即為宣告式開發,就好像蓋一座大樓(網頁),不管每塊磚(dom元素)怎麼砌,只給它一張圖紙(資料),然後自己自動搭建(渲染)。

在自動建立乙個react專案後,我們發現在index.html中,只有乙個dom元素

,id為root,react只管理該元素的渲染,如果在首頁中新增其它元素,則可以使用其它框架來渲染,互不影響。

元件定義:定義乙個類去繼承react.component

元件首寫一般為大寫,而html5元素都是小寫

元件傳值:父元件通過屬性向子元件傳值;子元件通過父元件向子元件傳遞的方法,子元件呼叫父元件的方法來實現通訊

父元件可以向子元件傳遞內容,但子元件只能使用而不能改變該內容(可以通過呼叫父元件的函式來改變父元件內容),否則就會報出錯誤:

cannot assign to read only property 'list' of object '#'
該項規定便於減少bug的產生。

只負責dom元素的渲染,對於複雜的元件直接傳值就需要借助其它框架來完成。

如圖的元件樹,如果d元件要向f元件傳值,那麼資料的流動方向是:d->c->b->a->e->f,所以在大型專案中較為複雜。

在前端的自動化測試時,如果**都是由乙個個函式組成,那麼測試時只需要給函式乙個輸入值,測試輸出是否為預期。

作用 react 關於 React 的一些疑點思考

對於 react,有一些比較難理解的知識點,在通過閱讀原始碼時,都可以大概了解.這裡將常見的問題歸納起來 僅代表個人思考 虛擬 dom,實際上就是使用 js 在其內部維護了乙個物件,是真正的 dom 物件到 js 物件的對映.比如說乙個 div 標籤可以這麼表示 諸如 react vue 這樣的庫,...

React框架的安裝及簡述(一)

react 跟vue相似的js框架,react是乙個用於構建使用者介面的js庫,主要用於構建ui。react很高效,使用virtual dom來極大減少與dom的互動,採用宣告式,描述更為簡單。首先react裡需要用到的三個功能庫檔案 1.直接使用 staticfile cdn 的 react cd...

PHP框架對位址進行Dispatch的思考

如何設計自己的乙個mvc框架?這個問題困擾了我很久,我相信大多數童鞋也都是用流行的哪些框架都很溜了 指邏輯控制,db操作以及一些validation等 但真正思考自己的mvc框架,思路不一定很清晰,或者說多多少少會做錯路。在下也花了一些 很長 時間來思考這個問題,總結一下思路,對layman的我們來...