Taro多端開(kāi)發(fā)權(quán)威指南：小程序、H5與App高效開(kāi)發(fā)實(shí)戰(zhàn)

第1章 初識(shí)Taro 1
1.1 Taro介紹 2
1.1.1 簡(jiǎn)介 2
1.1.2 特性 2
1.1.3 Taro UI 4
1.1.4 其他 5
1.2 ES 6常用語(yǔ)法簡(jiǎn)介 5
1.2.1 變量定義新方式——let、const 5
1.2.2 告別字符串拼接——模板字符串 7
1.2.3 優(yōu)雅獲取數(shù)組或?qū)ο笾械闹怠鈽?gòu)賦值 8
1.2.4 二次元函數(shù)——箭頭函數(shù) 9
1.2.5 異步處理——Promise 9
1.2.6 面向?qū)ο缶幊獭猚lass 11
1.2.7 模塊化——import、export 12
1.3 開(kāi)發(fā)環(huán)境及工具介紹 12
1.3.1 安裝Taro腳手架工具 12
1.3.2 初始化項(xiàng)目 13
1.3.3 運(yùn)行項(xiàng)目 13
1.3.4 打包項(xiàng)目 15
1.3.5 Taro腳手架命令 15
1.4 規(guī)范約定 18
1.4.1 項(xiàng)目組織 18
1.4.2 JavaScript / TypeScript書寫規(guī)范 19
1.4.3 組件及JSX書寫規(guī)范 20
1.5 本章小結(jié) 21
第2章 Taro基礎(chǔ) 22
2.1 JSX 23
2.1.1 JSX簡(jiǎn)介 23
2.1.2 JSX語(yǔ)法 23
2.2 組件化 25
2.2.1 初識(shí)組件 26
2.2.2 組件定義 27
2.2.3 props 29
2.2.4 state 30
2.2.5 樣式 31
2.3 組件生命周期 33
2.3.1 組件掛載 34
2.3.2 組件更新 34
2.3.3 組件卸載 35
2.4 事件處理 36
2.5 路由功能 40
2.6 實(shí)戰(zhàn)案例：受控與非受控Input組件 42
2.7 本章小結(jié) 44
第3章 Taro進(jìn)階 45
3.1 組件設(shè)計(jì) 46
3.2 組件通信 47
3.2.1 父子組件通信 47
3.2.2 兄弟組件通信 49
3.2.3 更復(fù)雜的組件通信 49
3.3 服務(wù)端通信 52
3.3.1 Taro.request 52
3.3.2 請(qǐng)求終止 54
3.3.3 請(qǐng)求攔截器 55
3.4 使用Ref 56
3.5 本章小結(jié) 59
第4章 集中狀態(tài)管理 60
4.1 Redux 61
4.1.1 Redux 設(shè)計(jì)理念 61
4.1.2 在Taro中使用Redux 63
4.1.3 Redux 案例 65
4.2 MobX 69
4.2.1 MobX 設(shè)計(jì)理念 69
4.2.2 在Taro中使用MobX 69
4.3 本章小結(jié) 73
第5章 Hooks 74
5.1 Hooks 簡(jiǎn)介 75
5.1.1 class組件的不足 75
5.1.2 Hooks概覽 76
5.1.3 Hooks規(guī)則 80
5.2 Hooks基礎(chǔ) 80
5.2.1 useState 81
5.2.2 useEffect 81
5.2.3 useReducer 83
5.2.4 useCallback 85
5.2.5 useMemo 86
5.2.6 useRef 87
5.2.7 useContext 88
5.2.8 其他Hooks 88
5.3 自定義Hooks 91
5.4 本章小結(jié) 94
第6章 多端開(kāi)發(fā) 95
6.1 編譯配置與約定 96
6.1.1 編譯配置 96
6.1.2 設(shè)計(jì)稿與尺寸單位約定 98
6.2 多端開(kāi)發(fā)方案 100
6.2.1 內(nèi)置環(huán)境變量 100
6.2.2 統(tǒng)一接口的多端文件 101
6.2.3 指定解析 node_modules 包中的多端文件 103
6.3 多端同步調(diào)試與打包 104
6.4 本章小結(jié) 105
第7章 Taro UI 106
7.1 安裝及使用 107
7.1.1 快速上手 107
7.1.2 自定義主題 108
7.2 組件介紹 110
7.3 本章小結(jié) 111
第8章 插件機(jī)制 112
8.1 插件機(jī)制簡(jiǎn)介 113
8.2 插件使用 115
8.3 自定義插件 117
8.3.1 插件結(jié)構(gòu) 117
8.3.2 插件使用場(chǎng)景 117
8.3.3 插件環(huán)境變量 120
8.3.4 插件方法 122
8.4 本章小結(jié) 127
第9章 性能優(yōu)化與原理剖析 128
9.1 性能優(yōu)化 129
9.1.1 Prerender 129
9.1.2 虛擬列表 133
9.1.3 組件更新條件 134
9.2 Taro框架原理 135
9.2.1 Taro框架結(jié)構(gòu)分析 136
9.2.2 Taro編譯原理 138
9.2.3 Taro運(yùn)行時(shí) 144
9.3 Taro 3.x原理概述 146
9.4 本章小結(jié) 155
第10章 多端開(kāi)發(fā)環(huán)境搭建 156
10.1 微信小程序開(kāi)發(fā)環(huán)境搭建 157
10.2 支付寶小程序開(kāi)發(fā)環(huán)境搭建 158
10.3 React Native開(kāi)發(fā)環(huán)境搭建 160
10.3.1 在macOS系統(tǒng)下搭建iOS開(kāi)發(fā)環(huán)境 160
10.3.2 在macOS系統(tǒng)下搭建Android開(kāi)發(fā)環(huán)境 160
10.3.3 在Windows系統(tǒng)下搭建Android開(kāi)發(fā)環(huán)境 162
10.3.4 使用Taro開(kāi)發(fā) iOS應(yīng)用 162
10.3.5 使用Taro開(kāi)發(fā)Android應(yīng)用 164
10.4 本章小結(jié) 166
第11章 閑置換App開(kāi)發(fā)實(shí)踐 167
11.1 項(xiàng)目介紹 168
11.1.1 項(xiàng)目背景 168
11.1.2 項(xiàng)目需求 168
11.1.3 項(xiàng)目核心功能設(shè)計(jì) 169
11.1.4 項(xiàng)目架構(gòu)設(shè)計(jì) 171
11.1.5 項(xiàng)目接口mock 172
11.2 基礎(chǔ)功能開(kāi)發(fā) 172
11.2.1 通用請(qǐng)求庫(kù)封裝 172
11.2.2 引入dva 174
11.2.3 定義請(qǐng)求服務(wù) 177
11.2.4 為H5配置請(qǐng)求代理 179
11.3 自定義導(dǎo)航器 182
11.3.1 需求分析 182
11.3.2 微信小程序端開(kāi)發(fā) 184
11.3.3 H5端開(kāi)發(fā) 188
11.3.4 React Native端開(kāi)發(fā) 190
11.4 首頁(yè)開(kāi)發(fā) 194
11.4.1 搜索組件 194
11.4.2 瀑布流圖片組件 198
11.4.3 輪播圖組件 203
11.4.4 數(shù)據(jù)聯(lián)調(diào) 205
11.5 消息頁(yè)開(kāi)發(fā) 216
11.5.1 定義底部導(dǎo)航 216
11.5.2 消息列表頁(yè)開(kāi)發(fā) 219
11.5.3 聊天頁(yè)面開(kāi)發(fā) 221
11.6 商品詳情頁(yè)開(kāi)發(fā) 239
11.7 項(xiàng)目?jī)?yōu)化與發(fā)布 259
11.7.1 項(xiàng)目?jī)?yōu)化 259
11.7.2 項(xiàng)目打包發(fā)布 271
11.8 本章小結(jié) 280
第12章 擁抱Taro 3 281
12.1 Taro 演進(jìn)歷程 282
12.1.1 Taro 1.x 282
12.1.2 Taro 2.x 282
12.1.3 Taro 3.x 284
12.2 使用Taro 3 285
12.2.1 React模板 285
12.2.2 Vue模板 288
12.3 本章小結(jié) 290