目 錄
　　
　　
第1章 概述 1
　　1.1 微信小程序概述 1
　　1.2 小程序分析 1
　　1.3 模塊展示 2
第2章 框架簡介 8
　　2.1 微信小程序框架簡介 8
2.1.1 小程序配置 8
2.1.2 小程序框架 9
2.1.3 小程序接口 10
　　2.2 Vue框架簡介 13
2.2.1 Vue配置 14
2.2.2 Vue組件 18
2.2.3 Vue工具 19
　　2.3 mpvue框架簡介 21
2.3.1 mpvue配置 21
2.3.2 mpvue生命周期 22
2.3.3 mpvue實踐 24
　　小結 28
　　習題 28
第3章 布局模塊 30
　　3.1 模塊概述 30
　　3.2 模塊知識點 31
3.2.1 基礎布局 31
3.2.2 Flex布局 34
3.2.3 Grid布局 39
　　3.3 應用實踐 44
3.3.1 首頁布局 44
3.3.2 授權頁布局 50
　　3.4 知識拓展 54
3.4.1 界面適配 54
3.4.2 響應式布局 54
　　小結 61
　　習題 61
第4章 動畫模塊 63
　　4.1 模塊概述 63
　　4.2 模塊知識點——動畫基礎 64
　　4.3 應用實踐 70
4.3.1 上拉加載，下拉刷新頁 70
4.3.2 Loading頁 75
　　4.4 知識拓展 78
4.4.1 認識Canvas與SVG 78
4.4.2 Animate動畫庫 78
4.4.3 3D動畫 79
　　小結 82
　　習題 83
第5章 事件模塊 85
　　5.1 模塊概述 85
　　5.2 模塊知識點 85
5.2.1 點擊事件 86
5.2.2 拖動事件 86
5.2.3 滑動事件 88
5.2.4 長按事件 89
　　5.3 應用實踐 90
5.3.1 消息發(fā)送頁 90
5.3.2 輪播展示頁 94
　　5.4 知識拓展 99
5.4.1 事件代理與委托 99
5.4.2 函數(shù)去抖與節(jié)流 102
　　小結 104
　　習題 104
第6章 網(wǎng)絡請求模塊 106
　　6.1 模塊概述 106
　　6.2 模塊知識點 107
6.2.1 Ajax請求 107
6.2.2 微信小程序網(wǎng)絡請求 109
6.2.3 請求封裝 110
　　6.3 應用實踐 113
6.3.1 動態(tài)加載列表頁 113
6.3.2 文章發(fā)布頁 119
　　6.4 知識拓展 124
6.4.1 常用HTTP狀態(tài)碼 124
6.4.2 Restful風格API 125
6.4.3 Fetch與Ajax比較 125
6.4.4 form-data、x-www-form-urlencoded、raw、binary的區(qū)別 126
　　小結 126
　　習題 126
第7章 頁面渲染模塊 128
　　7.1 模塊概述 128
　　7.2 模塊知識點 128
7.2.1 mpvue渲染機制 128
7.2.2 小程序渲染機制 129
7.2.3 動態(tài)渲染數(shù)據(jù) 130
　　7.3 應用實踐——數(shù)據(jù)統(tǒng)計頁 134
　　7.4 知識拓展 140
7.4.1 基于D3.js的數(shù)據(jù)展示平臺 140
7.4.2 初識Three.js 143
　　小結 148
　　習題 149
第8章 音頻、視頻模塊 151
　　8.1 模塊概述 151
　　8.2 模塊知識點 151
8.2.1 小程序音頻 151
8.2.2 小程序視頻 154
　　8.3 應用實踐——音頻、視頻展示頁 154
　　8.4 知識拓展 157
8.4.1 視頻彈幕展示 157
8.4.2 基于小程序的直播 158
　　小結 161
　　習題 161
第9章 文件模塊 162
　　9.1 模塊概述 162
　　9.2 模塊知識點 163
9.2.1 文件上傳、下載 163
9.2.2 文件緩存 166
　　9.3 應用實踐 166
9.3.1 視頻上傳頁 166
9.3.2 文件下載頁 170
　　9.4 知識拓展——斷點續(xù)傳 171
　　小結 174
　　習題 174
第10章 通信模塊 175
　　10.1 模塊概述 175
　　10.2 模塊知識點 176
10.2.1 Ajax輪詢 176
10.2.2 Ajax長輪詢 176
10.2.3 WebSocket通信 176
10.2.4 Vue頁面通信 177
　　10.3 應用實踐 181
10.3.1 消息發(fā)送頁 181
10.3.2 系統(tǒng)消息推送頁 183
10.3.3 點對點推送頁 184
　　10.4 知識拓展 189
　　小結 191
　　習題 191
第11章 定位模塊 192
　　11.1 模塊概述 192
　　11.2 模塊知識點 192
11.2.1 HTML 5地理定位 192
11.2.2 微信小程序地理定位 193
　　11.3 應用實踐 195
11.3.1 位置信息展示頁 195
11.3.2 范圍內(nèi)容搜索頁 196
　　11.4 應用拓展 202
11.4.1 常用平臺經(jīng)緯度轉化 202
11.4.2 位置距離點計算 203
　　小結 203
　　習題 203
第12章 支付模塊 205
　　12.1 模塊概述 205
　　12.2 模塊知識點 205
12.2.1 微信支付接入流程 205
12.2.2 微信支付開發(fā)流程 206
　　12.3 應用實踐 207
　　12.4 應用拓展 212
　　小結 213
　　習題 213
第13章 應用擴展 215
　　13.1 應用優(yōu)化 215
　　13.2 部署發(fā)布 220
　　小結 220
　　習題 220