react學習知識總結

2021-10-03 10:12:07 字數 886 閱讀 8412

1、react設計思想及其獨特,屬於革命性創新,效能出眾,**邏輯卻非常簡單。

庫(library):小而巧,庫只提供了特定的api。優點是船小好調頭,可以很方便的從乙個庫切換到另外的庫,但是**幾乎不會改變。

框架(framework):大而全,框架提供了一整套的解決方案。所以,如果在專案中間,想切換到另外的框架是比較困難的。

2、react與vue的對比

元件化方面

什麼是模組化:是從**的角度來進行分析的;把一些可復用的**,抽離為單個的模組,便於專案的維護和開發。

什麼是元件化:是用ui介面的角度來進行分析的;把一些可復用的ui元素,抽離為單獨的元件,便於專案的維護和開發。

元件化的好處:隨著專案規模的增大,手裡的元件越來越多,很方便就可以把現有的元件,拼接成乙個完整的頁面。

vue是如何實現元件化的:通過.vue檔案,來建立對應的元件:

3、react中的核心概念

虛擬dom

dom本質是什麼:瀏覽器中的概念,用js物件來表示頁面上的元素,並提供了操作dom物件的api(瀏覽器提供的)

什麼是react中的虛擬dom:是框架中的概念,手動用js物件來模擬頁面上的dom元素和dom的巢狀關係(框架提供的)

為什麼要實現虛擬dom(虛擬dom的目的):為了實現頁面中,dom元素的高效更新。

dom樹的概念: 乙個網頁呈現的過程: 1、瀏覽器請求伺服器獲取頁面html** 2、瀏覽器要先在記憶體中解析dom結構,並在瀏覽器記憶體中,渲染出一顆dom樹 3、瀏覽器把dom樹,呈現到頁面上

總結:什麼是虛擬dom?

本質:用js物件的形式,來模擬頁面上dom元素和巢狀關係(虛擬dom是以js物件的形式存在的) 目的:實現dom元素的高效更新

react需要學習的內容還有很多,需要繼續進行深入研究思考

react學習總結

目錄 1 react生命週期 2 關於元件 classname 設定的問題 3 react 中實現一些動畫的效果 4 encodeuricomponent 5 react專案開發步驟推薦 6 webpack 的特色與功能 react 元件的生命週期整個過程如下 對於自定義的元件,如果在元件引入的地方...

react知識點總結

1 react和vue的優勢 如何做技術選型 2 關於腳手架,用途,優勢 3 如何定義乙個react元件 4 pwa是什麼 功能 5 jsx語法規則 6 react父子元件通訊 7 如何優化乙個react專案 8 jquery和react的區別 9 什麼是單向資料流 10 函式式程式設計的好處 11...

react學習初總結

這是第一次接觸react,以前都是在用vue做專案,突然來看react的語法其實還是特別的陌生,感覺非常的繞,但是總體感覺react的把函式式程式設計還是體現的淋漓盡致的,react是單向資料流的,而vue是雙向繫結,react的狀態改變是手動會觸發,而vue是響應式,每個狀態都是監聽的,在中小型專...