高清无码视频直接看,日本无码色情三级播放,大桥未久亚洲无av码在线,免费人成视频在线播放,国产亚洲精品久久久久久大师

課程大綱：

React Hooks培訓

課程對 React Hooks 的鉤子函數做了全方位的分析，并且對舊的 Class 寫法和新的 Hooks 寫法在生命周(zhou)期上進(jin)行對比。

課(ke)程除了介紹 Hooks 之外(wai)，還會通過純 Hooks 函(han)數(shu)組(zu)件的(de)方式(shi)對 CNode 門戶網站進行移(yi)動端頁面的(de)重構，

實(shi)戰(zhan)過程中會(hui)介紹(shao)一(yi)些真實(shi)開發用(yong)到的一(yi)些技術棧。

1 React 簡介
2 useState
3 useContext
4 useMemo
5 自定義 Hooks
6 移動端適配
7 函數組件
8 useEffect
9 useReducer
10 useRef
11 Antd-Mobile
12 Hooks CNode 實(shi)戰

1
課(ke)程介(jie)紹及開(kai)發環境搭建(jian)

1.ReactHooks的(de)由來 2.Hooks和Class兩種寫(xie)法對比(bi) 3.搭建開(kai)發環境

2
useState 方法介紹及使用實例

1.如何聲明(ming)、讀(du)取和修改變量

2.為什(shen)么通過ES6解構(gou)的形(xing)式獲取useState的返回(hui)值

3.useState在使用上的(de)一些坑(keng)

4.手寫簡單(dan)的useState方(fang)法(fa)

3
useEffect 代替了哪些生命周期

1.DidMount、DidUpdate的Hook寫法

2.WillReceiveProps的Hook寫(xie)法

3.聲(sheng)明(ming)多個useEffect

4.useEffect書(shu)寫小技(ji)巧

5.useEffect性能優勢

4
useContext 組(zu)件間的傳(chuan)值

1.useContext使用時(shi)機

2.useContext寫法(fa)優(you)勢(shi)

3.useContext性(xing)能分析

5
useReducer 代替 Redux

1.useReducer基礎概(gai)念(nian)

2.useReducer使(shi)用

3.useReducer的優勢

4.實現類Redux小實戰

6
使用 useMemo 提高代碼性能

1.什么時候會寫出有性能(neng)問(wen)題的代碼

2.memo如何解決性能問題(ti)

3.useMemo如何解決性(xing)能問題(ti)

4.useCallback如何解決性能(neng)問題

7
useRef 的(de)使(shi)用

1.介(jie)紹useRef

2.useRef使用技巧(qiao)

3.父(fu)子組(zu)件間的ref傳值(zhi)

8
手寫屬于自己的 use 函數

1.修改(gai)title鉤子(zi)函數

2.監聽頁(ye)面大變(bian)化(hua)小鉤子函數

3.簡化input輸入(ru)框鉤子函數

9
實戰(zhan)開發環境搭(da)建

1.createreactapp初(chu)始化項目

2.引入(ru)AntdMobile樣式庫

3.vw實(shi)現移動(dong)端的(de)適配(pei)

4.axios請求庫二次封裝

5.引入路由機制

10
CNode 移動端網站開發

1.整理(li)cnode項目的接(jie)口文檔

2.公用頭部

3.首頁

4.詳情頁