目錄
第1章 微信小程序入門 1
1.1 微信小程序概述 1
1.2 注冊(cè)小程序賬號(hào) 3
1.3 小程序信息的完善 8
1.4 小程序AppID 12
1.5 小程序的開(kāi)發(fā)工具 13
1.6 開(kāi)發(fā)者工具界面 16
1.7 第一個(gè)微信小程序 22
第2章 小程序的邏輯層 25
2.1　小程序的全局配置文件 25
2.2　小程序的tabBar屬性 28
2.3　小程序的邏輯文件 32
2.4　小程序的生命周期執(zhí)行順序 37
2.5　setData視圖渲染 43
2.6　變量和函數(shù)的作用域及模塊化 45
第3章 小程序的視圖層 50
3.1　小程序的數(shù)據(jù)綁定和事件綁定 50
3.2　成績(jī)等級(jí)計(jì)算器 52
3.3　列表渲染 54
3.4　九九乘法表 56
3.5　條件渲染 58
3.6　選擇先行示范區(qū) 60
3.7　實(shí)現(xiàn)分段函數(shù) 64
3.8　成績(jī)計(jì)算器 66
3.9　遞歸求和計(jì)算器 69
3.10　隨機(jī)數(shù)求和 72
3.11　簡(jiǎn)單模板的定義及應(yīng)用 76
3.12　復(fù)雜模板的定義及應(yīng)用 78
3.13　事件綁定 83
3.14　小貓叫 86
3.15　溫度轉(zhuǎn)換計(jì) 88
3.16　事件冒泡與事件捕獲 90
3.17　小程序include引用文件 94
3.18　旅游攻略 95
3.19　WXSS 99
3.20　字體樣式設(shè)置 102
第4章 flex布局 104
4.1　flex布局的基本概念 104
4.2　容器屬性 106
4.2.1 flex-direction屬性 107
4.2.2 flex-wrap屬性 109
4.2.3 justify-content屬性 111
4.2.4 align-items屬性 114
4.2.5 align-content屬性 117
4.3　項(xiàng)目屬性 122
4.3.1 order屬性 122
4.3.2 flex-shrink屬性 124
4.3.3 flex-grow屬性 127
4.3.4 flex-basis屬性 130
4.3.5 align-self屬性 132
4.4　猜畫小歌 134
4.5　微付寶九宮格導(dǎo)航頁(yè)面設(shè)計(jì) 137
第5章 小程序組件 142
5.1　視圖容器組件 142
5.1.1 ＜view＞組件 142
5.1.2 ＜scroll-view＞組件 145
5.1.3 ＜swiper＞組件 147
5.1.4 ＜movable-view＞組件 149
5.1.5 ＜cover-view＞組件 150
5.2　基礎(chǔ)內(nèi)容組件 152
5.2.1 ＜icon＞組件 152
5.2.2 ＜text＞組件 155
5.2.3 ＜rich-text＞組件 157
5.2.4 ＜progress＞組件 159
5.3　表單組件 161
5.3.1 ＜button＞組件 161
5.3.2 ＜radio＞組件 165
5.3.3 ＜checkbox＞組件 168
5.3.4 ＜input＞組件 170
5.3.5 ＜label＞組件 174
5.3.6 ＜form＞組件 176
5.3.7 ＜picker＞組件 178
5.3.8 ＜picker-view＞組件 186
5.3.9 ＜slider＞組件 188
5.3.10 ＜switch＞組件 190
5.3.11 ＜textarea＞組件 192
5.4　導(dǎo)航組件 194
5.5　媒體組件 196
5.5.1 ＜audio＞組件 196
5.5.2 ＜image＞組件 198
5.5.3 ＜video＞組件 201
5.5.4 ＜camera＞組件 204
5.6　地圖組件＜map＞ 206
5.7　畫布組件＜canvas＞ 210
第6章 API 212
6.1　文件傳輸 212
6.1.1 文件上傳 212
6.1.2 文件下載 217
6.2　媒體API 221
6.2.1 圖片管理 221
6.2.2 錄音管理 225
6.2.3 音頻管理 228
6.2.4 視頻管理 231
6.2.5 照相和攝像 235
6.3　文件操作 239
6.4　數(shù)據(jù)緩存 243
6.5　地圖和位置 250
6.6　設(shè)備API 254
6.6.1 設(shè)備系統(tǒng)信息 254
6.6.2 網(wǎng)絡(luò)狀態(tài) 258
6.6.3 傳感器 260
6.6.4 掃碼與打電話 264
6.6.5 屏幕亮度、剪貼板和手機(jī)振動(dòng) 268
6.7　界面API 271
6.7.1 變臉譜游戲 271
6.7.2 階乘計(jì)算器 274
6.7.3 操作菜單 277
6.7.4 導(dǎo)航欄 279
6.7.5 tabBar 281
6.7.6 動(dòng)畫 287
6.7.7 頁(yè)面位置 292
6.7.8 下拉刷新 294
6.8　繪畫API 296
6.8.1 繪制矩形 296
6.8.2 繪制五角星 300
6.8.3 繪制漸變弧形 303
6.8.4 繪制愛(ài)心 305
6.8.5 繪制文本 307
6.8.6 顏色透明度 309
6.8.7 繪制不同的線條 311
6.8.8 繪制漸變圖形 316
6.8.9 繪制圖形陰影效果 318
6.8.10 自由繪圖 319
第7章 綜合應(yīng)用案例——中國(guó)國(guó)旅微信小程序 324