本書較為全面地介紹了微信小程序開發(fā)的基本流程和方法,包括開發(fā)工具和開發(fā)語言。全書共10章,主要分為兩個部分,第一部分(第1~7章)主要介紹了開發(fā)微信小程序必須掌握的體系結(jié)構(gòu),包括初識微信小程序、技術框架、WXML標簽語言、WXSS樣式語言、JavaScript交互邏輯、小程序組件及小程序API;第二部分(第8~10章)介紹了微信小程序的開發(fā)應用實例,包括人臉識別應用實例、小游戲開發(fā)實例及綜合實例—在線商場。
1.力求由淺入深,循序漸進。
2.采用模塊化結(jié)構(gòu)。
3.采用“任務驅(qū)動”的編寫方式,以實際問題引出相關原理和概念。
4.引入“案例教學”和“啟發(fā)式教學”方法,便于激發(fā)學生的學習興趣,注重學生發(fā)現(xiàn)問題、分析問題、解決問題的能力。
5.強調(diào)實驗教學。
秦長春,副教授,高級系統(tǒng)分析師,重慶電子工程職業(yè)學院軟件學院教師,“雙師型”教師,曾在世界500強企業(yè)從事軟件開發(fā)工作,有豐富的項目實施與軟件開發(fā)經(jīng)驗。在校講授課程包括微信平臺開發(fā)技術、HTML5、PowerDesigner、CMM體系與應用等。
第 1章 初識微信小程序\t1
1.1 認識微信小程序 1
1.1.1 發(fā)展歷程 1
1.1.2 小程序功能 2
1.1.3 小程序的注冊 3
1.2 安裝開發(fā)工具 7
1.2.1 下載與安裝 7
1.2.2 開發(fā)工具功能介紹 10
1.2.3 常見快捷鍵 13
1.3 本章小結(jié) 13
第 2章 技術框架 14
2.1 總體技術框架 14
2.1.1 運行機制 15
2.1.2 啟動配置 15
2.1.3 目錄結(jié)構(gòu) 16
2.2 邏輯層 22
2.2.1 程序注冊 22
2.2.2 路由與場景值 23
2.2.3 模塊化和API 26
2.3 視圖層 29
2.3.1 WXML 30
2.3.2 WXSS 33
2.3.3 基礎組件 33
2.4 組件事件與行為數(shù)據(jù)緩存插件 35
2.4.1 開發(fā)插件 35
2.4.2 使用插件 37
2.4.3 插件功能頁 39
2.5 本章小結(jié) 40
第3章 WXML標簽語言 41
3.1 語法規(guī)范 41
3.2 數(shù)據(jù)綁定 43
3.2.1 簡單綁定 43
3.2.2 運算綁定 44
3.2.3 組合綁定 45
3.3 頁面渲染 47
3.3.1 列表渲染 47
3.3.2 條件渲染 48
3.4 事件 49
3.4.1 事件分類 49
3.4.2 事件綁定 49
3.4.3 冒泡與非冒泡事件 52
3.5 模板與引用 53
3.5.1 模板 53
3.5.2 引用 54
3.6 本章小結(jié) 56
第4章 WXSS樣式語言 57
4.1 尺寸單位 57
4.1.1 物理像素 58
4.1.2 邏輯像素 58
4.1.3 像素比 59
4.2 選擇器 59
4.2.1 類選擇器 62
4.2.2 ID選擇器 63
4.2.3 組合選擇器 64
4.3 樣式使用 66
4.3.1 樣式導入 67
4.3.2 內(nèi)聯(lián)樣式 67
4.3.3 全局樣式與局部樣式 68
4.4 本章小結(jié) 69
第5章 JavaScript交互邏輯 70
5.1 JavaScript基礎 70
5.1.1 基本語法 70
5.1.2 3種流程控制 75
5.2 模塊規(guī)范 81
5.2.1 CommonJS規(guī)范 81
5.2.2 AMD規(guī)范 82
5.2.3 UMD規(guī)范 82
5.2.4 CMD規(guī)范 83
5.2.5 ES6規(guī)范 83
5.3 面向?qū)ο笤O計 84
5.3.1 類和對象 84
5.3.2 創(chuàng)建對象 86
5.3.3 使用對象 90
5.4 JSON介紹 90
5.4.1 JSON語法 91
5.4.2 讀取JSON 93
5.4.3 創(chuàng)建JSON 95
5.5 本章小結(jié) 96
第6章 小程序組件 97
6.1 視圖容器 97
6.1.1 view 97
6.1.2 scroll-view 99
6.1.3 swiper 101
6.2 基礎內(nèi)容 103
6.2.1 圖標組件 103
6.2.2 文本組件 104
6.2.3 富文本組件 107
6.2.4 進度條 107
6.3 表單組件 109
6.3.1 按鈕組件 109
6.3.2 選擇器組件 110
6.3.3 滾動選擇器 110
6.3.4 輸入框 116
6.3.5 標簽組件 117
6.4 導航組件 119
6.4.1 頁面導航 119
6.4.2 自定義組件導航 120
6.5 媒體組件 123
6.5.1 圖片組件 123
6.5.2 音頻組件 125
6.5.3 視頻組件 127
6.6 地圖與畫布 128
6.6.1 地圖組件 128
6.6.2 畫布組件 131
6.7 自定義組件 131
6.7.1 組件模板與樣式 132
6.7.2 Component構(gòu)造器 133
6.7.3 組件事件與行為 135
6.7.4 組件間關系 136
6.7.5 抽象節(jié)點 139
6.8 本章小結(jié) 141
第7章 小程序API 142
7.1 網(wǎng)絡API 142
7.1.1 發(fā)起請求 142
7.1.2 上傳與下載 143
7.1.3 WebSocket 147
7.2 媒體API 149
7.2.1 圖片 149
7.2.2 錄音 150
7.2.3 音頻相關 152
7.2.4 視頻相關 156
7.2.5 實時音視頻 159
7.3 文件API 159
7.3.1 讀取文件信息 159
7.3.2 保存文件 159
7.3.3 打開文件 160
7.3.4 刪除文件 160
7.4 數(shù)據(jù)API 161
7.4.1 存儲緩存 161
7.4.2 獲取緩存 161
7.4.3 刪除和清除緩存 162
7.5 位置API 162
7.5.1 獲取位置 162
7.5.2 查看位置 162
7.5.3 地圖組件控制 163
7.6 設備API 163
7.6.1 系統(tǒng)信息 163
7.6.2 網(wǎng)絡連接 164
7.6.3 加速度計 165
7.6.4 羅盤 166
7.6.5 撥打電話 167
7.6.6 掃碼 167
7.6.7 剪貼板 168
7.6.8 藍牙 169
7.6.9 屏幕 174
7.6.10 手機聯(lián)系人 175
7.7 界面API 175
7.7.1 交互反饋 176
7.7.2 設置導航相關 179
7.7.3 設置窗口背景 181
7.7.4 動畫 182
7.7.5 其他API 185
7.8 開放API 186
7.8.1 登錄、授權 186
7.8.2 用戶信息 188
7.8.3 卡券、發(fā)票 191
7.8.4 微信支付 193
7.8.5 小程序跳轉(zhuǎn) 194
7.8.6 其他API 195
7.9 本章小結(jié) 197
第8章 人臉識別應用實例 198
8.1 人臉識別接口 198
8.1.1 騰訊云人臉識別 198
8.1.2 接口使用 200
8.1.3 云開發(fā) 202
8.2 功能設計 206
8.2.1 照片上傳 206
8.2.2 人臉檢測 207
8.2.3 五官定位 208
8.2.4 人臉融合 208
8.3 開發(fā)實現(xiàn) 209
8.3.1 照片上傳 209
8.3.2 人臉檢測 212
8.3.3 五官定位 218
8.3.4 人臉融合 222
8.3.5 頁面展示 225
8.4 本章小結(jié) 227
第9章 小游戲開發(fā)實例 228
9.1 游戲開發(fā)基礎 228
9.1.1 文件結(jié)構(gòu) 228
9.1.2 Canvas應用 229
9.1.3 模塊化 231
9.1.4 對引擎的支持 231
9.2 項目介紹 232
9.2.1 游戲開始 232
9.2.2 游戲進行 233
9.2.3 游戲結(jié)束 233
9.3 功能設計 233
9.3.1 背景設計 234
9.3.2 物體移動 234
9.3.3 邊緣檢測 234
9.3.4 碰撞檢測 234
9.4 開發(fā)實現(xiàn) 234
9.4.1 運行時準備 234
9.4.2 飛機移動 237
9.4.3 邊緣檢測 241
9.4.4 碰撞檢測 241
9.5 本章小結(jié) 243
第 10章 綜合實例——在線商場 244
10.1 項目介紹 244
10.2 功能設計 244
10.2.1 底部導航欄 244
10.2.2 首頁 245
10.2.3 購物車 245
10.2.4 我的 246
10.3 開發(fā)實現(xiàn) 247
10.3.1 底部導航欄 247
10.3.2 首頁 248
10.3.3 商品明細頁面 257
10.3.4 購物車頁面 266
10.3.5 我的頁面 275
10.4 本章小結(jié) 280