第1章 建立微信小程序開發(fā)環(huán)境 1
1.1　初識微信小程序 2
1.1.1 微信小程序舉例 2
1.1.2 微信小程序VS移動(dòng)應(yīng)用程序 4
1.2　安裝微信開發(fā)者工具 4
1.2.1 下載及安裝微信開發(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　微信開發(fā)者工具簡介 10
1.4　練習(xí)：建立自己的微信小程序開發(fā)環(huán)境 11
第2章 剖析微信小程序 12
2.1　小程序工程結(jié)構(gòu) 13
2.2　小程序配置及app.json文件 15
2.2.1 小程序頁面配置 16
2.2.2 渲染引擎及其配置 16
2.2.3 小程序組件樣式配置和小程序搜索配置 18
2.2.4 微信客戶端的版本號與小程序基礎(chǔ)庫的版本號 18
2.3　小程序生命周期及app.js文件 19
2.3.1 微信小程序的運(yùn)行過程及其生命周期 19
2.3.2 小程序生命周期函數(shù)及其舉例 20
2.4　小程序全局樣式及app.wxss文件 23
2.4.1 小程序頁面寬度尺寸單位 24
2.4.2 樣式導(dǎo)入 24
2.5　小程序頁面及其構(gòu)成 24
2.5.1 頁面.wxml文件 25
2.5.2 頁面.wxss文件 25
2.5.3 頁面.json文件 26
2.5.4 頁面.js文件 27
2.5.5 簡單的可以交互的小程序 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ù)綁定入門舉例 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 簡單的事件綁定 45
3.2.2 冒泡事件和非冒泡事件 45
3.2.3 綁定事件并阻止事件冒泡 46
3.2.4 事件對象 46
3.2.5 通過事件從視圖層向邏輯層傳遞參數(shù) 47
3.2.6 數(shù)據(jù)綁定和事件系統(tǒng)使用舉例 48
3.3　模塊化 50
3.4　WXS腳本 51
3.4.1 一個(gè)簡單的WXS腳本入門例子 51
3.4.2 WXS模塊及其使用 52
3.4.3 WXS語法基礎(chǔ) 55
3.4.4 使用WXS響應(yīng)事件 56
3.5　案例：圖來圖往 57
3.5.1 案例目標(biāo) 57
3.5.2 案例分析 58
3.5.3 案例實(shí)施 58
3.6　練習(xí)：單擊計(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　全局頁面的下拉刷新和上拉加載 83
4.6　案例：簡單計(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)局部頁面的下拉刷新和上拉加載 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組件庫 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)畫API 131
6.3　路由API 136
6.3.1 頁面跳轉(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 打開文檔 145
6.5.2 使用FileSystemManager對象操作文件 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 圖書信息服務(wù)器 165
7.1.3 發(fā)起請求 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ā)小程序頁面 173
7.2.2 分享/轉(zhuǎn)發(fā)小程序頁面內(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　開放接口API 179
7.4.1 獲取用戶頭像信息 179
7.4.2 小程序登錄 181
7.4.3 授權(quán)和設(shè)置 185
7.5　案例：在線相冊 187
7.5.1 案例目標(biāo) 187
7.5.2 案例分析 187
7.5.3 案例實(shí)施 188
7.6　練習(xí)：讀書分享 192
第8章 小程序AI 193
8.1　VisionKit視覺庫簡介 194
8.2　創(chuàng)建視覺會(huì)話 194
8.3　人臉檢測 195
8.4　人體檢測 200
8.5　手勢檢測 201
8.6　OCR檢測 204
8.7　案例：基于手勢的圖像顯示控制 207
8.7.1 案例目標(biāo) 207
8.7.2 案例分析 207
8.7.3 案例實(shí)施 207
8.8　練習(xí)：從圖像中檢測人臉 210
第9章 小程序云開發(fā) 211
9.1　云開發(fā)入門 212
9.1.1 云開發(fā)前必讀 212
9.1.2 開通云開發(fā) 212
9.1.3 云開發(fā)控制臺使用基礎(chǔ) 214
9.1.4 云開發(fā)入門舉例 215
9.2　初始化云開發(fā)環(huán)境 224
9.3　開發(fā)數(shù)據(jù)庫 225
9.3.1 數(shù)據(jù)類型 225
9.3.2 新建集合和數(shù)據(jù)訪問權(quán)限控制 226
9.3.3 插入數(shù)據(jù) 226
9.3.4 修改數(shù)據(jù) 227
9.3.5 刪除數(shù)據(jù) 230
9.3.6 查詢數(shù)據(jù) 230
9.3.7 云開發(fā)數(shù)據(jù)庫核心對象和核心方法總覽 233
9.4　云開發(fā)存儲(chǔ) 234
9.4.1 上傳文件到云開發(fā)存儲(chǔ) 235
9.4.2 從云開發(fā)存儲(chǔ)下載文件 236
9.4.3 刪除云開發(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　案例：在線競選班長 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ù)庫設(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 “搜索”頁面 261
10.4.6 “二手貨詳細(xì)信息”頁面 262
10.4.7 “二手貨購買意向”頁面 263
10.4.8 “發(fā)布”頁面 265
10.4.9 “我的發(fā)布”頁面 268
10.4.10 “查看購買意向”頁面 269
10.4.11 “修改二手貨狀態(tài)”頁面 270
10.4.12 “我的購買”頁面 271
10.4.13 “我的購買詳細(xì)信息”頁面 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