微信小程序開發(fā)――從入門到項(xiàng)目實(shí)戰(zhàn)（微課版）

第1章 初識(shí)微信小程序 1
1．1 小程序誕生背景 1
1．1．1 先驅(qū)者百度“輕應(yīng)用” 1
1．1．2 生逢其時(shí)的微信小程序 2
1．1．3 “富二代”微信小程序 3
1．2 小程序特點(diǎn) 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模型簡(jiǎn)介 6
1．4．2 小程序MINA框架簡(jiǎn)介 7
第2章 小程序開發(fā)準(zhǔn)備 9
2．1 成為微信開發(fā)者 9
2．1．1 注冊(cè)小程序 9
2．1．2 登錄微信公眾平臺(tái) 12
2．2 微信開發(fā)者工具簡(jiǎn)介 13
2．2．1 下載及安裝 13
2．2．2 啟動(dòng)頁(yè) 14
2．2．3 新建項(xiàng)目 14
2．2．4 導(dǎo)入項(xiàng)目 15
2．2．5 主頁(yè)面 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 頁(yè)面 22
2．4．3 工程目錄結(jié)構(gòu) 23
2．5 小程序相關(guān)學(xué)習(xí)資料 24
2．5．1 微信官方文檔?小程序 24
2．5．2 小程序示例 25
第3章 小程序框架 28
3．1 JSON配置 28
3．1．1 JSON定義 29
3．1．2 JavaScript對(duì)象、JSON對(duì)象與JSON字符串 31
3．1．3 JSON配置文件 34
3．1．4 項(xiàng)目配置文件 34
3．1．5 索引配置文件 35
3．1．6 全局配置文件 35
3．1．7 頁(yè)面配置文件 38
3．2 WXML模板 40
3．2．1 WXML簡(jiǎn)介 40
3．2．2 數(shù)據(jù)綁定 41
3．2．3 簡(jiǎn)易雙向綁定 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 頁(yè)面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 事件階段及處理動(dòng)作 70
3．4．7 事件對(duì)象與參數(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對(duì)象 77
3．6．3 console對(duì)象 78
3．6．4 斷點(diǎn)調(diào)試 79
第4章 基礎(chǔ)組件 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 子項(xiàng)的屬性 93
4．2．4 flex實(shí)現(xiàn)水平垂直居中 96
4．3 基礎(chǔ)內(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 導(dǎo)航組件 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 擴(kuò)展組件 136
5．2．1 擴(kuò)展組件的使用 136
5．2．2 tabs 138
5．2．3 row/col 140
5．2．4 index-list 142
5．3 WeUI組件庫(kù) 144
5．3．1 WeUI簡(jiǎn)介 144
5．3．2 WeUI樣式庫(kù) 145
5．3．3 WeUI組件快速上手 148
5．3．4 基礎(chǔ)組件 150
5．3．5 表單組件 152
5．3．6 操作反饋 157
5．3．7 導(dǎo)航組件 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 基礎(chǔ) 169
6．2．1 系統(tǒng) 169
6．2．2 更新 172
6．2．3 調(diào)試 175
6．2．4 應(yīng)用級(jí)事件 176
6．3 界面 177
6．3．1 交互 178
6．3．2 導(dǎo)航欄 183
6．3．3 Tab Bar 186
6．4 數(shù)據(jù)緩存 192
6．5 網(wǎng)絡(luò) 195
6．5．1 開發(fā)配置 195
6．5．2 發(fā)起請(qǐng)求 196
6．5．3 下載 200
6．5．4 上傳 202
6．5．5 WebSocket 203
第7章 “鹽幫川菜”項(xiàng)目實(shí)戰(zhàn) 206
7．1 “鹽幫川菜”項(xiàng)目概述 206
7．1．1 運(yùn)行流程圖 207
7．1．2 接口描述 207
7．1．3 關(guān)于登錄和注冊(cè) 208
7．2 “菜譜”頁(yè)面的實(shí)現(xiàn) 208
7．2．1 頁(yè)面效果 208
7．2．2 菜品分類列表 210
7．2．3 菜品列表 211
7．2．4 加入購(gòu)物車 212
7．3 “下單”頁(yè)面的實(shí)現(xiàn) 213
7．3．1 頁(yè)面效果 213
7．3．2 下單 214
7．4 “我的”頁(yè)面的實(shí)現(xiàn) 218
7．4．1 頁(yè)面效果 218
7．4．2 登錄 220
7．4．3 檢查登錄信息、獲取訂單列表 221
7．5 “注冊(cè)”頁(yè)面的實(shí)現(xiàn) 222
7．5．1 頁(yè)面效果 223
7．5．2 注冊(cè) 223