第1章 初識微信小程序 1
1.1 小程序誕生背景 1
1.1.1 先驅者百度“輕應用” 1
1.1.2 生逢其時的微信小程序 2
1.1.3 “富二代”微信小程序 3
1.2 小程序特點 3
1.3 小程序現(xiàn)狀 4
1.3.1 小程序發(fā)展現(xiàn)狀 4
1.3.2 小程序開發(fā)現(xiàn)狀 4
1.4 小程序MINA框架 6
1.4.1 MVVM模型簡介 6
1.4.2 小程序MINA框架簡介 7
第2章 小程序開發(fā)準備 9
2.1 成為微信開發(fā)者 9
2.1.1 注冊小程序 9
2.1.2 登錄微信公眾平臺 12
2.2 微信開發(fā)者工具簡介 13
2.2.1 下載及安裝 13
2.2.2 啟動頁 14
2.2.3 新建項目 14
2.2.4 導入項目 15
2.2.5 主頁面 16
2.2.6 模擬器 17
2.2.7 調(diào)試器 18
2.3 小程序Hello World 20
2.4 小程序基本概念 22
2.4.1 程序 22
2.4.2 頁面 22
2.4.3 工程目錄結構 23
2.5 小程序相關學習資料 24
2.5.1 微信官方文檔?小程序 24
2.5.2 小程序示例 25
第3章 小程序框架 28
3.1 JSON配置 28
3.1.1 JSON定義 29
3.1.2 JavaScript對象、JSON對象與JSON字符串 31
3.1.3 JSON配置文件 34
3.1.4 項目配置文件 34
3.1.5 索引配置文件 35
3.1.6 全局配置文件 35
3.1.7 頁面配置文件 38
3.2 WXML模板 40
3.2.1 WXML簡介 40
3.2.2 數(shù)據(jù)綁定 41
3.2.3 簡易雙向綁定 48
3.2.4 條件渲染 49
3.2.5 列表渲染 51
3.2.6 模板 55
3.2.7 引用 57
3.2.8 共同屬性 58
3.2.9 聲明性屬性的使用 58
3.3 JavaScript邏輯交互 59
3.3.1 app.js文件 60
3.3.2 頁面JS文件 61
3.3.3 自定義方法的兩種寫法 63
3.3.4 修改data數(shù)據(jù) 63
3.3.5 JS腳本的執(zhí)行順序 64
3.3.6 作用域 65
3.4 事件 66
3.4.1 事件的概念 66
3.4.2 事件的分類 67
3.4.3 事件的綁定 67
3.4.4 綁定并阻止事件冒泡 68
3.4.5 互斥事件綁定 70
3.4.6 事件階段及處理動作 70
3.4.7 事件對象與參數(shù)傳遞 72
3.5 WXSS樣式 74
3.5.1 樣式文件的分類 74
3.5.2 尺寸單位 74
3.5.3 WXSS引用 75
3.5.4 使用樣式 75
3.5.5 選擇器 76
3.6 其他 76
3.6.1 模塊化 76
3.6.2 wx對象 77
3.6.3 console對象 78
3.6.4 斷點調(diào)試 79
第4章 基礎組件 82
4.1 視圖容器 82
4.1.1 view 82
4.1.2 scroll-view 84
4.1.3 swiper和swiper-item 85
4.1.4 movable-area和movable-view 87
4.2 flex布局 88
4.2.1 基本概念 89
4.2.2 容器的屬性 89
4.2.3 子項的屬性 93
4.2.4 flex實現(xiàn)水平垂直居中 96
4.3 基礎內(nèi)容 97
4.3.1 text 97
4.3.2 icon 98
4.3.3 progress 99
4.4 表單組件 100
4.4.1 input和textarea 101
4.4.2 checkbox和checkbox-group 103
4.4.3 radio與radio-group 104
4.4.4 picker 105
4.4.5 slider 113
4.4.6 switch 114
4.4.7 button 115
4.4.8 form 117
4.5 導航組件 120
4.6 媒體組件 122
4.6.1 image 123
4.6.2 video 125
4.6.3 camera 126
4.7 開放能力組件 128
4.7.1 web-view 128
4.7.2 ad 129
4.7.3 official-account 130
第5章 自定義組件 132
5.1 自定義組件 132
5.1.1 創(chuàng)建自定義組件 132
5.1.2 使用自定義組件 135
5.2 擴展組件 136
5.2.1 擴展組件的使用 136
5.2.2 tabs 138
5.2.3 row/col 140
5.2.4 index-list 142
5.3 WeUI組件庫 144
5.3.1 WeUI簡介 144
5.3.2 WeUI樣式庫 145
5.3.3 WeUI組件快速上手 148
5.3.4 基礎組件 150
5.3.5 表單組件 152
5.3.6 操作反饋 157
5.3.7 導航組件 160
5.3.8 搜索組件 162
5.3.9 其他組件 163
第6章 API 165
6.1 重要概念 166
6.1.1 同步和異步 166
6.1.2 箭頭函數(shù) 167
6.2 基礎 169
6.2.1 系統(tǒng) 169
6.2.2 更新 172
6.2.3 調(diào)試 175
6.2.4 應用級事件 176
6.3 界面 177
6.3.1 交互 178
6.3.2 導航欄 183
6.3.3 Tab Bar 186
6.4 數(shù)據(jù)緩存 192
6.5 網(wǎng)絡 195
6.5.1 開發(fā)配置 195
6.5.2 發(fā)起請求 196
6.5.3 下載 200
6.5.4 上傳 202
6.5.5 WebSocket 203
第7章 “鹽幫川菜”項目實戰(zhàn) 206
7.1 “鹽幫川菜”項目概述 206
7.1.1 運行流程圖 207
7.1.2 接口描述 207
7.1.3 關于登錄和注冊 208
7.2 “菜譜”頁面的實現(xiàn) 208
7.2.1 頁面效果 208
7.2.2 菜品分類列表 210
7.2.3 菜品列表 211
7.2.4 加入購物車 212
7.3 “下單”頁面的實現(xiàn) 213
7.3.1 頁面效果 213
7.3.2 下單 214
7.4 “我的”頁面的實現(xiàn) 218
7.4.1 頁面效果 218
7.4.2 登錄 220
7.4.3 檢查登錄信息、獲取訂單列表 221
7.5 “注冊”頁面的實現(xiàn) 222
7.5.1 頁面效果 223
7.5.2 注冊 223