尚硅谷React教程(2022加更,B站超火react教程)

- 課1:

創(chuàng)建虛擬Dom節(jié)點:

基礎知識的沉淀:

課程2:學習react,引入js

課程4:
關于虛擬DOM:
1.本質上是一個普通的object對象(一般對象)
2.虛擬DOM比較"輕",指虛擬dom上面的屬性少.
3.虛擬DOM最終會被react轉化為真實DOM,呈現(xiàn)再界面上.
課程5:
Json 兩個方法:
jsx語法規(guī)則:
1.定義虛擬DOM時,不要寫引號
2.標簽中混入JS表達式要用{name}
3.樣式得類名指定用:className
4.內聯(lián)樣式: style={{color: 'red'}}
5.只能有一個根標簽
6.標簽必須閉合,jsx標簽需要和html標簽對應
7.標簽首字母
a. 若小寫字母開頭,則將該標簽轉為html中同名元素,若html沒有同名的,則會報錯
b.若大寫字母開頭,react就去渲染對應的組件,若組件沒有定義,則報錯
課程6:
注意區(qū)分:[js語句(代碼)] 與 [js表達式]
a.表達式:一個表達式會產生一個值,可以放在任何一個需要值的地方
比如: a a+b demo(1) arr.map() function test
b:代碼 (控制代碼走向 )
(1): if(){}
(2): for(){}
(3): switch(){case:xxx}

課程8:
關于插件的安裝:

創(chuàng)建函數(shù)組件:

課程9:
1.首字母必須大寫
2.函數(shù)組件必須有返回值

課程10,復習class

繼承父類,重寫父類方法:


類的總結:
1.類中的構造器不是必須寫的,要對實列進行一些初始化的操作,如添加指定屬性時才寫
2.如果A類繼承了B類,且A類中寫了構造器,那么A類構造器中的super時必須要調用的
3.類中所定義的方法,都是放在了類的原型對象上,供實列使用.
類式組件:
// render時放在哪里的?-----MyComponent的原型對象上,供實列使用.

執(zhí)行ReactDOM.render,之后,發(fā)生了什么?

課時12:
課時13,組件實列的三大核心屬性:
初始化狀態(tài),獲取狀態(tài).
