目錄 **部分 入 門 篇 第1章 微信小程序入門 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 第10章 設備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 第11章 界面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 第四部分 提 高 篇 第12章 綜合設計應用實例——高校新聞小程序 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