第1章 建立微信小程序開(kāi)發(fā)環(huán)境 1
1.1　初識(shí)微信小程序 2
1.1.1 微信小程序舉例 2
1.1.2 微信小程序VS移動(dòng)應(yīng)用程序 4
1.2　安裝微信開(kāi)發(fā)者工具 4
1.2.1 下載及安裝微信開(kāi)發(fā)者工具 4
1.2.2 創(chuàng)建和運(yùn)行第一個(gè)微信小程序 6
1.2.3 在手機(jī)上預(yù)覽/運(yùn)行微信小程序 9
1.2.4 AppID 9
1.3　微信開(kāi)發(fā)者工具簡(jiǎn)介 10
1.4　練習(xí)：建立自己的微信小程序開(kāi)發(fā)環(huán)境 11
第2章 剖析微信小程序 12
2.1　小程序工程結(jié)構(gòu) 13
2.2　小程序配置及app.json文件 15
2.2.1 小程序頁(yè)面配置 16
2.2.2 渲染引擎及其配置 16
2.2.3 小程序組件樣式配置和小程序搜索配置 18
2.2.4 微信客戶端的版本號(hào)與小程序基礎(chǔ)庫(kù)的版本號(hào) 18
2.3　小程序生命周期及app.js文件 19
2.3.1 微信小程序的運(yùn)行過(guò)程及其生命周期 19
2.3.2 小程序生命周期函數(shù)及其舉例 20
2.4　小程序全局樣式及app.wxss文件 23
2.4.1 小程序頁(yè)面寬度尺寸單位 24
2.4.2 樣式導(dǎo)入 24
2.5　小程序頁(yè)面及其構(gòu)成 24
2.5.1 頁(yè)面.wxml文件 25
2.5.2 頁(yè)面.wxss文件 25
2.5.3 頁(yè)面.json文件 26
2.5.4 頁(yè)面.js文件 27
2.5.5 簡(jiǎn)單的可以交互的小程序 29
2.6　案例：美圖欣賞 32
2.6.1 案例目標(biāo) 32
2.6.2 案例分析 33
2.6.3 案例實(shí)施 33
2.7　練習(xí)：童年記憶 37
第3章 微信小程序核心框架 38
3.1　數(shù)據(jù)綁定 39
3.1.1 數(shù)據(jù)綁定入門(mén)舉例 39
3.1.2 數(shù)據(jù)綁定及其使用 40
3.1.3 全局?jǐn)?shù)據(jù)及其使用 42
3.1.4 使用console和定時(shí)器 44
3.2　事件系統(tǒng) 45
3.2.1 簡(jiǎn)單的事件綁定 45
3.2.2 冒泡事件和非冒泡事件 45
3.2.3 綁定事件并阻止事件冒泡 46
3.2.4 事件對(duì)象 46
3.2.5 通過(guò)事件從視圖層向邏輯層傳遞參數(shù) 47
3.2.6 數(shù)據(jù)綁定和事件系統(tǒng)使用舉例 48
3.3　模塊化 50
3.4　WXS腳本 51
3.4.1 一個(gè)簡(jiǎn)單的WXS腳本入門(mén)例子 51
3.4.2 WXS模塊及其使用 52
3.4.3 WXS語(yǔ)法基礎(chǔ) 55
3.4.4 使用WXS響應(yīng)事件 56
3.5　案例：圖來(lái)圖往 57
3.5.1 案例目標(biāo) 57
3.5.2 案例分析 58
3.5.3 案例實(shí)施 58
3.6　練習(xí)：?jiǎn)螕粲?jì)數(shù)器 60
第4章 小程序組件—Part 1 61
4.1　組件基本屬性 62
4.2　常用組件 62
4.2.1 view組件 62
4.2.2 button組件 64
4.2.3 icon組件 67
4.2.4 text組件 67
4.2.5 image組件 68
4.2.6 progress組件 68
4.3　表單組件 69
4.3.1 form組件 69
4.3.2 input組件 69
4.3.3 checkbox組件和checkbox-group組件 70
4.3.4 radio組件和radio-group組件 71
4.3.5 label組件 71
4.3.6 picker組件和數(shù)據(jù)雙向綁定 71
4.3.7 picker-view組件和picker-view-column組件 75
4.3.8 slider組件 78
4.3.9 switch組件 78
4.3.10 textarea組件 79
4.4　條件渲染和列表渲染 80
4.4.1 條件渲染 80
4.4.2 列表渲染 80
4.4.3 WXML模板：template標(biāo)簽 82
4.4.4 WXML引用：import標(biāo)簽和include標(biāo)簽 83
4.5　全局頁(yè)面的下拉刷新和上拉加載 83
4.6　案例：簡(jiǎn)單計(jì)算器 86
4.6.1 案例目標(biāo) 86
4.6.2 案例分析 87
4.6.3 案例實(shí)施 87
4.7　練習(xí)：你點(diǎn)我應(yīng) 89
第5章 小程序組件—Part 2 90
5.1　scroll-view組件 91
5.1.1 scroll-view組件的使用舉例 92
5.1.2 使用scroll-view組件實(shí)現(xiàn)局部頁(yè)面的下拉刷新和上拉加載 93
5.2　swiper組件和swiper-item組件 95
5.3　navigator組件 97
5.4　tabBar及其使用 100
5.5　媒體組件 103
5.5.1 audio組件 104
5.5.2 video組件 104
5.5.3 camera組件 107
5.6　canvas組件 109
5.7　自定義組件 109
5.7.1 創(chuàng)建自定義組件 109
5.7.2 使用自定義組件 110
5.7.3 自定義組件舉例 111
5.7.4 使用第三方WeUI組件庫(kù) 112
5.8　案例：美食餐廳 115
5.8.1 案例目標(biāo) 115
5.8.2 案例分析 115
5.8.3 案例實(shí)施 115
5.9　練習(xí)：選修課 121
第6章 小程序API—Part 1 122
6.1　基礎(chǔ)API 123
6.1.1 獲取系統(tǒng)信息 123
6.1.2 獲取設(shè)備信息 125
6.2　界面API 126
6.2.1 交互API 126
6.2.2 TabBar操作API 130
6.2.3 動(dòng)畫(huà)API 131
6.3　路由API 136
6.3.1 頁(yè)面跳轉(zhuǎn)API 136
6.3.2 路由API使用舉例 138
6.4　數(shù)據(jù)緩存API 141
6.4.1 保存數(shù)據(jù) 141
6.4.2 讀取數(shù)據(jù) 141
6.4.3 清除數(shù)據(jù) 142
6.4.4 獲取數(shù)據(jù)緩存狀態(tài) 142
6.4.5 數(shù)據(jù)緩存使用舉例 143
6.5　文件系統(tǒng)操作API 145
6.5.1 打開(kāi)文檔 145
6.5.2 使用FileSystemManager對(duì)象操作文件 146
6.6　媒體API 148
6.6.1 圖像API 148
6.6.2 視頻API 152
6.6.3 音頻API 154
6.6.4 錄音API 156
6.6.5 相機(jī)API 158
6.7　案例：自制錄音播放器 159
6.7.1 案例目標(biāo) 160
6.7.2 案例分析 160
6.7.3 案例實(shí)施 160
6.8　練習(xí)：視頻錄制播放器 162
第7章 小程序API—Part 2 163
7.1　網(wǎng)絡(luò)通信API 164
7.1.1 獲取網(wǎng)絡(luò)狀態(tài)和網(wǎng)絡(luò)IP地址API 164
7.1.2 圖書(shū)信息服務(wù)器 165
7.1.3 發(fā)起請(qǐng)求 168
7.1.4 文件下載 169
7.1.5 文件上傳 170
7.1.6 網(wǎng)絡(luò)通信API應(yīng)用綜合舉例 170
7.2　分享/轉(zhuǎn)發(fā)API 173
7.2.1 分享/轉(zhuǎn)發(fā)小程序頁(yè)面 173
7.2.2 分享/轉(zhuǎn)發(fā)小程序頁(yè)面內(nèi)的信息 174
7.2.3 分享/轉(zhuǎn)發(fā)API應(yīng)用舉例 175
7.3　設(shè)備API 177
7.3.1 掃碼API 177
7.3.2 振動(dòng)控制API 178
7.3.3 設(shè)備API使用舉例 178
7.4　開(kāi)放接口API 179
7.4.1 獲取用戶頭像信息 179
7.4.2 小程序登錄 181
7.4.3 授權(quán)和設(shè)置 185
7.5　案例：在線相冊(cè) 187
7.5.1 案例目標(biāo) 187
7.5.2 案例分析 187
7.5.3 案例實(shí)施 188
7.6　練習(xí)：讀書(shū)分享 192
第8章 小程序AI 193
8.1　VisionKit視覺(jué)庫(kù)簡(jiǎn)介 194
8.2　創(chuàng)建視覺(jué)會(huì)話 194
8.3　人臉檢測(cè) 195
8.4　人體檢測(cè) 200
8.5　手勢(shì)檢測(cè) 201
8.6　OCR檢測(cè) 204
8.7　案例：基于手勢(shì)的圖像顯示控制 207
8.7.1 案例目標(biāo) 207
8.7.2 案例分析 207
8.7.3 案例實(shí)施 207
8.8　練習(xí)：從圖像中檢測(cè)人臉 210
第9章 小程序云開(kāi)發(fā) 211
9.1　云開(kāi)發(fā)入門(mén) 212
9.1.1 云開(kāi)發(fā)前必讀 212
9.1.2 開(kāi)通云開(kāi)發(fā) 212
9.1.3 云開(kāi)發(fā)控制臺(tái)使用基礎(chǔ) 214
9.1.4 云開(kāi)發(fā)入門(mén)舉例 215
9.2　初始化云開(kāi)發(fā)環(huán)境 224
9.3　開(kāi)發(fā)數(shù)據(jù)庫(kù) 225
9.3.1 數(shù)據(jù)類(lèi)型 225
9.3.2 新建集合和數(shù)據(jù)訪問(wèn)權(quán)限控制 226
9.3.3 插入數(shù)據(jù) 226
9.3.4 修改數(shù)據(jù) 227
9.3.5 刪除數(shù)據(jù) 230
9.3.6 查詢(xún)數(shù)據(jù) 230
9.3.7 云開(kāi)發(fā)數(shù)據(jù)庫(kù)核心對(duì)象和核心方法總覽 233
9.4　云開(kāi)發(fā)存儲(chǔ) 234
9.4.1 上傳文件到云開(kāi)發(fā)存儲(chǔ) 235
9.4.2 從云開(kāi)發(fā)存儲(chǔ)下載文件 236
9.4.3 刪除云開(kāi)發(fā)存儲(chǔ)中的文件 237
9.4.4 引用云文件 237
9.5　云函數(shù) 238
9.5.1 配置云函數(shù)環(huán)境 238
9.5.2 新建云函數(shù) 238
9.5.3 在小程序中調(diào)用云函數(shù) 240
9.5.4 在云函數(shù)中進(jìn)行云操作 241
9.5.5 在云函數(shù)中獲取小程序用戶信息 242
9.6　案例：在線競(jìng)選班長(zhǎng) 245
9.6.1 案例目標(biāo) 245
9.6.2 案例分析 246
9.6.3 案例實(shí)施 246
9.7　練習(xí)：個(gè)人財(cái)務(wù) 253
第10章 綜合案例：校園二手貨交易 254
10.1　需求清單 255
10.2　界面設(shè)計(jì) 255
10.2.1 界面設(shè)計(jì)構(gòu)思 255
10.2.2 界面詳細(xì)設(shè)計(jì) 256
10.3　云數(shù)據(jù)庫(kù)設(shè)計(jì) 257
10.4　案例實(shí)施 258
10.4.1 app.js文件 259
10.4.2 云函數(shù)gopenid 259
10.4.3 云函數(shù)iwant 259
10.4.4 云函數(shù)search 260
10.4.5 “搜索”頁(yè)面 261
10.4.6 “二手貨詳細(xì)信息”頁(yè)面 262
10.4.7 “二手貨購(gòu)買(mǎi)意向”頁(yè)面 263
10.4.8 “發(fā)布”頁(yè)面 265
10.4.9 “我的發(fā)布”頁(yè)面 268
10.4.10 “查看購(gòu)買(mǎi)意向”頁(yè)面 269
10.4.11 “修改二手貨狀態(tài)”頁(yè)面 270
10.4.12 “我的購(gòu)買(mǎi)”頁(yè)面 271
10.4.13 “我的購(gòu)買(mǎi)詳細(xì)信息”頁(yè)面 272
10.5　運(yùn)行效果 273
10.6　練習(xí)：完善二手貨交易小程序 273
第11章 小程序發(fā)布 274
11.1　編譯和預(yù)覽 274
11.2　上傳代碼 275
11.3　提交審核 275
11.4　發(fā)布 275