第1章 JavaScript基礎知識 11.1 JavaScript構造函數(shù) 11.1.1 原始構造函數(shù) 11.1.2 構造函數(shù)中的實例屬性和靜態(tài)屬性 21.1.3 構造函數(shù)中的實例方法和靜態(tài)方法 31.2 ES6 class關鍵字創(chuàng)建類 41.3 class類繼承 61.3.1 屬性繼承 61.3.2 方法繼承 71.3.3 創(chuàng)建類的私有屬性和方法 81.4 深入解析JavaScript ES6展開運算符 91.5 ES6數(shù)組迭代方法 111.5.1 map()方法 111.5.2 forEach()方法 12第1章 JavaScript基礎知識 11.1 JavaScript構造函數(shù) 11.1.1 原始構造函數(shù) 11.1.2 構造函數(shù)中的實例屬性和靜態(tài)屬性 21.1.3 構造函數(shù)中的實例方法和靜態(tài)方法 31.2 ES6 class關鍵字創(chuàng)建類 41.3 class類繼承 61.3.1 屬性繼承 61.3.2 方法繼承 71.3.3 創(chuàng)建類的私有屬性和方法 81.4 深入解析JavaScript ES6展開運算符 91.5 ES6數(shù)組迭代方法 111.5.1 map()方法 111.5.2 forEach()方法 121.5.3 filter()方法 141.5.4 some()方法 151.5.5 every()方法 161.5.6 reduce()方法 171.6 ES6解構賦值 181.7 箭頭函數(shù)中的this指向 20第2章 React基礎入門 232.1 React簡介 232.1.1 React、Vue、Angular三大框架流行趨勢 242.1.2 React的優(yōu)勢 242.2 Hello React開啟你的React之旅 252.3 React組件化開發(fā) 272.4 渲染書籍列表案例 292.5 計數(shù)器案例 312.6 JSX語法詳解 322.6.1 JSX基本使用 322.6.2 JSX中嵌入表達式 342.6.3 JSX綁定屬性 352.6.4 動態(tài)設置class屬性 372.7 綁定this的三種方法 392.8 事件參數(shù)傳遞 422.9 菜單排他 432.10 React條件渲染 442.11 React列表渲染 46第3章 React腳手架應用 493.1 安裝create-react-app腳手架 493.2 React腳手架項目目錄結構及作用 503.3 React腳手架渲染Hello React 513.4 React函數(shù)式組件的定義及使用 53第4章 React生命周期 554.1 認識生命周期 554.2 componentDidMount()生命周期函數(shù)的應用 564.3 componentDidUpdate()生命周期函數(shù)的應用 584.4 componentWillUnmount()生命周期函數(shù)的應用 59第5章 組件通信 625.1 組件嵌套 625.2 父組件向子組件傳遞數(shù)據(jù) 645.3 prop-types數(shù)據(jù)類型校驗 665.4 子組件向父組件傳遞數(shù)據(jù) 675.5 組件通信選項卡案例 705.6 children子元素模擬插槽 745.7 props模擬插槽 755.8 模擬作用域插槽 765.9 Context數(shù)據(jù)傳遞 795.10 事件總線 82第6章 React組件化開發(fā) 856.1 setState()的作用以及用法 856.2 組件性能優(yōu)化shouldComponentUpdate 876.3 組件性能優(yōu)化PureComponent 896.4 函數(shù)組件性能優(yōu)化 916.5 組件中state數(shù)據(jù)不可變性原則 926.6 使用ref獲取DOM的三種方式 936.7 ref獲取組件 956.8 受控組件與非受控組件 976.9 Checkbox受控表單組件應用 996.10 Select受控表單組件應用 1026.11 React高階組件 1046.12 高階組件的應用場景 1066.13 高階組件應用案例 1076.14 Portals的應用 1096.15 Fragment組件 110第7章 React動畫及CSS樣式 1127.1 react-transition-group動畫庫 1127.2 CSSTransition生命周期函數(shù) 1157.3 SwitchTransition動畫 1167.4 TransitionGroup動畫 1187.5 在React中如何引入CSS 1207.5.1 內聯(lián)式CSS 1207.5.2 CSS文件引入 1227.5.3 CSS Module 1237.5.4 CSS in JS 1247.5.5 styled-components的數(shù)據(jù)傳遞和動態(tài)樣式設置 1267.5.6 添加class屬性 127第8章 Redux 1308.1 Redux簡介 1308.2 Redux訂閱與取消訂閱 1328.3 調用函數(shù)生成action對象 1338.4 react-redux庫的應用 1358.5 Redux異步請求數(shù)據(jù) 1388.6 reduce-thunk中間件的應用 1418.7 Redux模塊拆分 1458.8 Redux Toolkit的應用 146第9章 React-Router 1509.1 路由的基本應用 1509.2 NavLink的應用 1529.3 Navigate重定向導航組件 1549.4 配置Not Found頁面 1569.5 嵌套路由 1579.6 鏈式路由跳轉 1599.7 高階組件實現(xiàn)在class組件中使用useNavigate() 1619.8 動態(tài)路由參數(shù)傳遞 1639.9 路由查詢參數(shù)傳遞 1659.10 抽離路由匹配規(guī)則模塊 1679.11 懶加載與路由分包 169第10章 React Hooks 17110.1 體驗Hooks 17110.2 useState詳解 17410.3 Redux Hook 17510.4 shallowEqual性能優(yōu)化 17710.5 useEffect Hook 17910.6 useContext Hook 18110.7 useRef Hook 18310.8 useMemo和useCallback Hook 18410.9 自定義Hook 18710.10 使用第三方Hook 191第11章 項目實戰(zhàn) 19311.1 項目概述 19311.2 創(chuàng)建React項目 19511.3 配置路徑別名及l(fā)ess樣式 19711.4 CSS樣式重置 19911.5 配置Router 20011.6 封裝Axios網(wǎng)絡請求 20311.7 Header區(qū)域樣式開發(fā) 20511.8 實現(xiàn)首頁Banner區(qū)域和廣告區(qū)域樣式布局 20811.9 實現(xiàn)首頁商家推薦區(qū)域和產(chǎn)品中心區(qū)域樣式布局 21111.10 Footer區(qū)域樣式開發(fā) 21511.11 發(fā)送網(wǎng)絡請求獲取首頁數(shù)據(jù) 21711.12 父組件向子組件傳值（一） 22011.13 父組件向子組件傳值（二） 22211.14 產(chǎn)品列表頁面布局 22411.15 渲染產(chǎn)品列表數(shù)據(jù) 22711.16 產(chǎn)品詳情頁面業(yè)務邏輯 23111.17 使用Ant Design實現(xiàn)輪播圖模塊 234第12章 React組件庫Ant Design 23712.1 Ant Design簡介及安裝 23712.2 Ant Design按鈕和圖標 23812.3 Ant Design表單和輸入框 24312.4 Ant Design導航菜單和布局 24612.5 Ant Design數(shù)據(jù)展示和表格 24812.6 Ant Design彈窗和通知 25112.7 Ant Design圖表和地圖 25312.8 Ant Design自定義主題和樣式定制 256