第 1章 快速上手微信小程序5
1.1 系統(tǒng)與環(huán)境要求5
1.2 安裝微信開(kāi)發(fā)者工具6
1.3 Hello World!7
1.3.1 創(chuàng)建項(xiàng)目7
1.3.2 設(shè)置微信開(kāi)發(fā)者工具8
1.3.3 微信開(kāi)發(fā)者工具的界面9
1.3.4 編寫(xiě)WXML代碼10
1.3.5 編寫(xiě)JavaScript代碼12
1.4 微信小程序的基本概念12
1.5 動(dòng)手做13
1.6 邁出小圈子13
第 2章 小程序的基礎(chǔ)組件14
2.1 視圖容器與WXSS14
2.2 輸入框input17
2.2.1 bindinput屬性17
2.2.2 input組件與數(shù)據(jù)綁定19
2.3 選擇器picker20
2.4 開(kāi)關(guān)選擇器switch22
2.5 彈出對(duì)話(huà)框showModal22
2.6 滑動(dòng)選擇器slider23
2.7 學(xué)習(xí)組件的固定模式23
2.8 動(dòng)手做24
2.9 邁出小圈子24
第3章 小程序的交互設(shè)計(jì)26
3.1 了解參考項(xiàng)目26
3.2 描繪圖形界面28
3.2.1 紙面原型圖28
3.2.2 線框圖28
3.2.3 原型工具30
3.3 形成操作動(dòng)線31
3.4 識(shí)別已知，探索未知32
3.5 動(dòng)手做34
3.6 邁出小圈子34
第4章 小程序的高級(jí)組件35
4.1 列表渲染35
4.1.1 顯示數(shù)組數(shù)據(jù)35
4.1.2 獲取用戶(hù)點(diǎn)擊的索引37
4.2 導(dǎo)航選項(xiàng)卡tabBar39
4.2.1 新建頁(yè)面39
4.2.2 創(chuàng)建導(dǎo)航選項(xiàng)卡40
4.2.3 修改導(dǎo)航選項(xiàng)卡的樣式42
4.3 微信小程序的導(dǎo)航43
4.3.1 頁(yè)面導(dǎo)航43
4.3.2 選項(xiàng)卡導(dǎo)航44
4.4 動(dòng)手做45
4.5 邁出小圈子45
第5章 小程序的數(shù)據(jù)訪問(wèn)與管理46
5.1 微信小程序的數(shù)據(jù)訪問(wèn)與管理方法46
5.2 數(shù)據(jù)緩存47
5.3 小程序·云開(kāi)發(fā)數(shù)據(jù)庫(kù)48
5.3.1 準(zhǔn)備數(shù)據(jù)庫(kù)集合48
5.3.2 訪問(wèn)數(shù)據(jù)庫(kù)50
5.3.3 回調(diào)函數(shù)與數(shù)據(jù)綁定51
5.4 訪問(wèn)Web服務(wù)53
5.5 動(dòng)手做56
5.6 邁出小圈子56
第6章 小程序的分層架構(gòu)57
6.1 渲染層與邏輯層57
6.1.1 WXML與JS文件的關(guān)系57
6.1.2 小程序的渲染層實(shí)現(xiàn)59
6.1.3 小程序的邏輯層實(shí)現(xiàn)60
6.1.4 渲染層與邏輯層之間的通信60
6.2 邏輯層的進(jìn)一步劃分62
6.2.1 微信小程序邏輯層的問(wèn)題62
6.2.2 重構(gòu)Database項(xiàng)目63
6.2.3 頁(yè)面邏輯層與服務(wù)邏輯層65
6.3 動(dòng)手做66
6.4 邁出小圈子67
第7章 小程序的服務(wù)邏輯層實(shí)現(xiàn)68
7.1 開(kāi)發(fā)切入點(diǎn)的選擇68
7.2 詩(shī)詞存儲(chǔ)服務(wù)的設(shè)計(jì)69
7.2.1 獲取給定的詩(shī)詞69
7.2.2 獲取滿(mǎn)足給定條件的詩(shī)詞數(shù)組70
7.3 詩(shī)詞存儲(chǔ)服務(wù)的實(shí)現(xiàn)72
7.3.1 引入數(shù)據(jù)庫(kù)服務(wù)72
7.3.2 實(shí)現(xiàn)獲取滿(mǎn)足給定條件的詩(shī)詞數(shù)組73
7.3.3 實(shí)現(xiàn)獲取給定的詩(shī)詞74
7.4 詩(shī)詞存儲(chǔ)服務(wù)的測(cè)試75
7.5 動(dòng)手做76
7.6 邁出小圈子76
第8章 小程序的頁(yè)面邏輯層與渲染層實(shí)現(xiàn)78
8.1 搜索結(jié)果頁(yè)的邏輯層實(shí)現(xiàn)78
8.1.1 基礎(chǔ)邏輯實(shí)現(xiàn)78
8.1.2 無(wú)限滾動(dòng)與onReachBottom79
8.2 搜索結(jié)果頁(yè)的渲染層實(shí)現(xiàn)83
8.3 搜索結(jié)果頁(yè)的測(cè)試85
8.4 動(dòng)手做86
8.5 邁出小圈子86
第9章 多人協(xié)同開(kāi)發(fā)的編碼規(guī)范87
9.1 命名規(guī)范87
9.1.1 變量的命名規(guī)范87
9.1.2 成員的命名規(guī)范91
9.2 排版規(guī)范92
9.2.1 JavaScript排版規(guī)范92
9.2.2 WXML排版規(guī)范93
9.3 注釋規(guī)范93
9.3.1 行級(jí)注釋規(guī)范93
9.3.2 對(duì)象級(jí)注釋規(guī)范94
9.4 動(dòng)手做95
9.5 邁出小圈子95
第 10章 代碼管理、分支開(kāi)發(fā)與Git97
10.1 準(zhǔn)備工作97
10.2 將項(xiàng)目發(fā)布到Gitee97
10.3 添加倉(cāng)庫(kù)成員102
10.4 克隆倉(cāng)庫(kù)102
10.5 同步更改104
10.6 解決沖突106
10.7 撤銷(xiāo)更改110
10.8 分支開(kāi)發(fā)111
10.9 動(dòng)手做115
10.10 邁出小圈子115
第 11章 多人協(xié)同開(kāi)發(fā)的架構(gòu)設(shè)計(jì)116
11.1 分層架構(gòu)設(shè)計(jì)116
11.2 渲染層設(shè)計(jì)117
11.3 頁(yè)面邏輯層設(shè)計(jì)120
11.4 審視相關(guān)的頁(yè)面122
11.5 服務(wù)邏輯層設(shè)計(jì)123
11.6 動(dòng)手做126
11.7 邁出小圈子126
第 12章 多人協(xié)同開(kāi)發(fā)實(shí)戰(zhàn)127
12.1 今日推薦頁(yè)的渲染層實(shí)現(xiàn)127
12.1.1 添加今日推薦頁(yè)127
12.1.2 創(chuàng)建渲染層分支127
12.1.3 絕對(duì)布局129
12.1.4 image組件的剪裁與縮放模式130
12.1.5 條件渲染130
12.1.6 設(shè)計(jì)時(shí)數(shù)據(jù)131
12.1.7 提交并推送渲染層分支132
12.2 今日推薦頁(yè)的頁(yè)面邏輯層實(shí)現(xiàn)132
12.2.1 創(chuàng)建頁(yè)面邏輯層分支132
12.2.2 創(chuàng)建函數(shù)與變量134
12.2.3 實(shí)現(xiàn)showDetailButtonBindTap函數(shù)135
12.2.4 實(shí)現(xiàn)onLoad函數(shù)135
12.3 動(dòng)手做136
12.4 邁出小圈子137
第 13章 構(gòu)建穩(wěn)健的Web服務(wù)客戶(hù)端138
13.1 Web服務(wù)的訪問(wèn)錯(cuò)誤138
13.2 警告服務(wù)139
13.3 獲取訪問(wèn)Token141
13.4 偏好存儲(chǔ)143
13.5 緩存訪問(wèn)Token144
13.6 設(shè)置訪問(wèn)Token145
13.7 準(zhǔn)備備用方案147
13.8 動(dòng)手做149
第 14章 檢查數(shù)據(jù)更新150
14.1 更新的檢查策略150
14.2 圖片信息存儲(chǔ)151
14.3 實(shí)現(xiàn)今日?qǐng)D片服務(wù)153
14.4 動(dòng)手做157
第 15章 傳遞導(dǎo)航參數(shù)158
15.1 利用快遞柜傳遞導(dǎo)航參數(shù)158
15.1.1 實(shí)現(xiàn)navigationService158
15.1.2 利用navigationService傳遞導(dǎo)航參數(shù)159
15.2 利用頁(yè)面間事件通信通道傳遞導(dǎo)航參數(shù)161
15.2.1 實(shí)現(xiàn)navigationService2161
15.2.2 利用navigationService2傳遞導(dǎo)航參數(shù)161
15.3 兩種方法的對(duì)比163
15.4 利用快遞柜傳遞選項(xiàng)卡導(dǎo)航參數(shù)163
15.5 導(dǎo)航到推薦詳情頁(yè)164
15.5.1 合并分支164
15.5.2 添加推薦詳情頁(yè)166
15.6 動(dòng)手做167
第 16章 復(fù)雜列表渲染168
16.1 來(lái)自詩(shī)詞搜索頁(yè)的挑戰(zhàn)168
16.2 詩(shī)詞搜索頁(yè)的頁(yè)面邏輯層169
16.2.1 基礎(chǔ)變量169
16.2.2 設(shè)置搜索條件170
16.2.3 添加與刪除搜索條件172
16.2.4 執(zhí)行搜索173
16.2.5 讀取導(dǎo)航參數(shù)174
16.3 詩(shī)詞搜索頁(yè)的渲染層175
16.4 動(dòng)手做176
第 17章 跨頁(yè)面數(shù)據(jù)同步177
17.1 詩(shī)詞收藏的基本方法177
17.1.1 添加收藏存儲(chǔ)177
17.1.2 添加詩(shī)詞詳情頁(yè)180
17.1.3 導(dǎo)航到詩(shī)詞詳情頁(yè)183
17.1.4 添加詩(shī)詞收藏頁(yè)184
17.1.5 基本方法存在的問(wèn)題188
17.2 回調(diào)驅(qū)動(dòng)的詩(shī)詞收藏188
17.2.1 收藏存儲(chǔ)已更新回調(diào)函數(shù)188
17.2.2 關(guān)聯(lián)回調(diào)函數(shù)190
17.3 動(dòng)手做191
17.4 下一步的學(xué)習(xí)191