●部分 入 門 篇
章 微信小程序入門 3
1.1 微信小程序概述 3
1.1.1 小程序簡介 3
1.1.2 小程序的誕生 3
1.1.3 小程序的功能 4
1.1.4 小程序的創建流程 5
1.2 開發小程序的準備工作 5
1.2.1 注冊開發者賬號 5
1.2.2 小程序的信息完善 13
1.2.3 小程序的成員管理 16
1.3 小程序的開發工具 17
1.3.1 軟件的與安裝 17
1.3.2 開發者工具的登錄 18
1.3.3 其他輔助工具 21
1.4 小程序的未來展望 21
第2章 個微信小程序 22
2.1 創建個微信小程序 22
2.1.1 新建項目 22
2.1.2 真機預覽和調試 25
2.1.3 代碼的提交 27
2.1.4 小程序的版本 28
2.2 小程序的目錄結構 29
2.2.1 項目配置文件 29
2.2.2 主體文件 30
2.2.3 頁面文件 36
2.2.4 其他文件 37
2.3 開發者工具的介紹 38
2.3.1 菜單欄 38
2.3.2 工具欄 40
2.3.3 模擬器 41
2.3.4 編輯器 41
2.3.5 調試器 42
第二部分 基 礎 篇
第3章 小程序框架 49
3.1 邏輯層 49
3.1.1 注冊程序 49
3.1.2 注冊頁面 53
3.1.3 頁面路由 58
3.1.4 模塊化 60
3.1.5 API 60
3.2 視圖層 61
3.2.1 WXML 61
3.2.2 WXSS 74
3.2.3 組件 77
3.3 flex布局 77
3.3.1 基本概念 77
3.3.2 容器屬性 78
3.3.3 項目屬性 83
第4章 小程序組件 88
4.1 組件的介紹和分類 88
4.1.1 組件的介紹 88
4.1.2 組件的分類 89
4.2 視圖容器組件 89
4.2.1 view 89
4.2.2 scroll-view 91
4.2.3 swiper 93
4.2.4 movable-view 95
4.2.5 cover-view 99
4.3 基礎內容組件 100
4.3.1 icon 101
4.3.2 text 103
4.3.3 rich-text 105
4.3.4 progress 109
4.4 表單組件 110
4.4.1 button 111
4.4.2 checkbox 115
4.4.3 input 117
4.4.4 label 122
4.4.5 form 123
4.4.6 picker 126
4.4.7 picker-view 133
4.4.8 radio 135
4.4.9 slider 137
4.4.10 switch 139
4.4.11 textarea 141
4.5 導航組件 143
4.6 媒體組件 145
4.6.1 audio 145
4.6.2 image 147
4.6.3 video 151
4.6.4 camera 154
4.7 地圖組件 155
4.7.1 markers 156
4.7.2 polyline 158
4.7.3 circles 158
4.8 畫布組件 160
第三部分 應 用 篇
第5章 網絡API 165
5.1 小程序網絡基礎 165
5.1.1 小程序/服務器架構 165
5.1.2 服務器域名配置 168
5.1.3 臨時服務器部署 169
5.2 發起請求和中斷請求 170
5.2.1 發起請求 170
5.2.2 中斷請求 171
5.3 文件傳輸 174
5.3.1 文件的上傳 174
5.3.2 文件的 178
第6章 媒體API 182
6.1 圖片管理 182
6.1.1 選擇圖片 182
6.1.2 預覽圖片 183
6.1.3 獲取圖片信息 183
6.1.4 保存圖片 184
6.2 錄音管理 186
6.3 音頻管理 189
6.3.1 背景音頻管理 189
6.3.2 音頻組件控制 192
6.4 視頻管理 195
6.4.1 選擇視頻 195
6.4.2 保存視頻 195
6.4.3 視頻組件控制 196
6.5 相機管理 199
第7章 文件API 203
7.1 保存文件 203
7.2 獲取文件信息 205
7.3 獲取本地文件列表 208
7.4 獲取本地文件信息 211
7.5 刪除本地文件 214
7.6 打開文檔 217
第8章 數據緩存API 220
8.1 本地緩存 220
8.2 數據的存儲 221
8.2.1 異步存儲數據 221
8.2.2 同步存儲數據 223
8.3 數據的獲取 225
8.3.1 異步獲取數據 225
8.3.2 同步獲取數據 227
8.4 存儲信息的獲取 229
8.4.1 異步獲取存儲信息 229
8.4.2 同步獲取存儲信息 231
8.5 數據的刪除 232
8.5.1 異步刪除數據 232
8.5.2 同步刪除數據 235
8.6 數據的清空 237
8.6.1 異步清空數據 237
8.6.2 同步清空數據 238
第9章 位置API 241
9.1 位置信息 241
9.1.1 經緯度坐標 241
9.1.2 坐標的類別 241
9.2 獲取和選擇位置 242
9.2.1 獲取位置 242
9.2.2 選擇位置 244
9.3 查看位置 245
9.4 地圖組件控制 247
9.4.1 獲取地圖上下文對像 247
9.4.2 獲取地圖中心坐標 248
9.4.3 移動到指定位置 249
9.4.4 動畫平移標記 250
9.4.5 展示全部坐標 252
9.4.6 獲取視野範圍 254
9.4.7 獲取地圖縮放級別 255
0章 設備API 257
10.1 繫統信息 257
10.1.1 獲取繫統信息 257
10.1.2 canIUse() 259
10.2 網絡 261
10.2.1 網絡狀態 261
10.2.2 Wi-Fi 263
10.3 傳感器 268
10.3.1 羅盤 268
10.3.2 加速度計 270
10.4 用戶行為 272
10.4.1 截屏 272
10.4.2 掃碼 272
10.4.3 剪貼板 274
10.4.4 通話 275
10.5 手機狀態 279
10.5.1 內存 279
10.5.2 屏幕亮度 279
10.5.3 振動 282
1章 界面API 283
11.1 交互反饋 283
11.1.1 消息提示框 283
11.1.2 加載提示框 285
11.1.3 模態彈窗 287
11.1.4 操作菜單 289
11.2 導航條設置 291
11.2.1 當前頁面標題設置 291
11.2.2 導航條加載動畫 292
11.2.3 導航條顏色設置 293
11.3 tabBar設置 295
11.3.1 tabBar標記 295
11.3.2 tabBar紅點 296
11.3.3 onTabItemTap() 297
11.3.4 設置tabBar樣式 297
11.3.5 顯示與隱藏tabBar 298
11.4 頁面導航 303
11.4.1 跳轉到新頁面 303
11.4.2 返回指定頁面 304
11.4.3 當前頁面重定向 304
11.4.4 重啟頁面 305
11.4.5 切換tabBar頁面 305
11.5 動畫 308
11.5.1 動畫實例 308
11.5.2 動畫的描述 309
11.5.3 動畫的導出 310
11.6 頁面位置 314
11.7 繪圖 315
11.7.1 準備工作 315
11.7.2 繪制矩形 317
11.7.3 繪制路徑 319
11.7.4 繪制文本 326
11.7.5 繪制圖片 329
11.7.6 顏色與樣式 331
11.7.7 保存與恢復 342
11.7.8 變形與剪裁 342
11.7.9 圖像的導出 348
11.8 下拉刷新 350
11.8.1 監聽下拉刷新 350
11.8.2 開始下拉刷新 350
11.8.3 停止下拉刷新 351
第四部分 提 高 篇
2章 綜合設計應用實例——高校新聞小程序 355
12.1 需求分析 355
12.2 設計與實現 355
12.2.1 項目的創建 355
12.2.2 文件的配置 356
12.2.3 視圖設計 359
12.2.4 邏輯實現 368
12.3 最終效果展示 378
12.4 完整代碼展示 379
12.5 項目小結 386
附錄A 個人開發者服務類目 387
附錄B 小程序場景值 389
附錄C 小程序預定顏色 391