日本免费精品视频,男人的天堂在线免费视频,成人久久久精品乱码一区二区三区,高清成人爽a毛片免费网站

及時(shí)篇 微信小程序快速入門

第1章認(rèn)識(shí)微信小程序

1.1微信小程序介紹 11

1.1.1初識(shí)微信小程序1

1.1.2微信小程序的功能2

1.1.3微信小程序能否取代App3

1.1.4微信小程序的發(fā)展歷程3

1.1.5微信小程序帶來的機(jī)會(huì)3

1.2微信小程序開發(fā)準(zhǔn)備3

1.2.1基礎(chǔ)技術(shù)準(zhǔn)備3

1.2.2開發(fā)準(zhǔn)備4

1.3微信小程序開發(fā)工具的使用5

1.3.1創(chuàng)建項(xiàng)目5

1.3.2編輯7

1.3.3常用快捷鍵9

1.3.4調(diào)試10

1.3.5項(xiàng)目12

1.3.6編譯13

1.3.7前臺(tái)/后臺(tái)13

1.3.8緩存14

1.4沙場(chǎng)大練兵：Hello World 的創(chuàng)建14

1.5小結(jié)17

第2章微信小程序框架分析18

2.1微信小程序目錄結(jié)構(gòu)介紹18

2.1.1框架全局文件18

2.1.2工具類文件23

2.1.3框架頁面文件24

2.1.4小試牛刀：制作貓眼電影底部標(biāo)簽導(dǎo)航24

2.2微信小程序注冊(cè)程序的應(yīng)用27

2.3微信小程序注冊(cè)頁面的使用29

2.3.1頁面初始化數(shù)據(jù)30

2.3.2生命周期函數(shù)30

2.3.3頁面相關(guān)事件處理函數(shù)30

2.3.4頁面路由管理31

2.3.5自定義函數(shù)32

2.3.6setData設(shè)值函數(shù)32

2.4微信小程序如何綁定數(shù)據(jù)33

2.4.1組件屬性綁定33

2.4.2控制屬性綁定34

2.4.3關(guān)鍵字綁定34

2.4.4運(yùn)算34

2.4.5小試牛刀：天氣微信

小程序35

2.5微信小程序條件渲染38

2.5.1wx:if 判斷單個(gè)組件38

2.5.2block wx:if 判斷多個(gè)

組件39

2.6微信小程序列表渲染39

2.6.1wx:for 列表渲染單個(gè)

組件39

2.6.2block wx:for 列表渲染多個(gè)組件39

2.6.3wx:key 指定標(biāo)識(shí)符40

2.7微信小程序定義模板40

2.7.1定義模板40

2.7.2使用模板41

2.8微信小程序的引用功能41

2.8.1import引用41

2.8.2include引用42

2.9沙場(chǎng)大練兵：仿香哈菜譜微信小程序42

2.9.1底部標(biāo)簽導(dǎo)航設(shè)計(jì)43

2.9.2宮格導(dǎo)航設(shè)計(jì)45

2.9.3香哈頭條初始化數(shù)據(jù)48

2.9.4香哈頭條列表渲染及綁定數(shù)據(jù)50

2.9.5香哈頭條模板的引用54

2.10小結(jié)56

第3章用微信小程序組件構(gòu)建UI界面57

3.1視圖容器組件57

3.1.1view視圖容器57

3.1.2scroll-view可滾動(dòng)視圖區(qū)域58

3.1.3swiper滑塊視圖容器61

3.2基礎(chǔ)內(nèi)容組件65

3.2.1icon圖標(biāo)組件65

3.2.2text文本組件66

3.2.3progress進(jìn)度條組件67

3.3豐富的表單組件68

3.3.1button按鈕68

3.3.2checkbox多項(xiàng)選擇器70

3.3.3radio單項(xiàng)選擇器71

3.3.4input單行輸入框72

3.3.5textarea多行輸入框75

3.3.6label組件77

3.3.7picker滾動(dòng)選擇器79

3.3.8slider滑動(dòng)選擇器85

3.3.9switch開關(guān)選擇器87

3.3.10form表單89

3.4導(dǎo)航組件92

3.4.1navigator頁面鏈接組件92

3.4.2wx.navigateTo保留當(dāng)前頁

跳轉(zhuǎn)94

3.4.3wx.redirectTo關(guān)閉當(dāng)前頁

跳轉(zhuǎn)95

3.4.4wx.switchTab跳轉(zhuǎn)到

tabBar頁面96

3.4.5wx.navigateBack返回上一頁97

3.4.6設(shè)置導(dǎo)航條98

3.5導(dǎo)媒體組件100

3.5.1audio音頻100

3.5.2image圖片103

3.5.3video視頻107

3.6地圖組件110

3.7畫布組件114

3.8沙場(chǎng)大練兵：表單登錄注冊(cè)微信

小程序116

3.8.1登錄設(shè)計(jì)117

13.8.2手機(jī)號(hào)注冊(cè)設(shè)計(jì)123

13.8.3企業(yè)用戶注冊(cè)設(shè)計(jì)128

3.9小結(jié)136

第4章必備的微信小程序API137

4.1請(qǐng)求服務(wù)器數(shù)據(jù)API137

4.2文件上傳與下載API140

4.2.1wx.uploadFile文件

上傳140

4.2.2wx.downloadFile文件下載143

4.3WebSocket會(huì)話API145

4.4圖片處理API150

4.4.1wx.chooseImage(OBJECT)選擇圖片150

4.4.2wx.previewImage

(OBJECT)預(yù)覽圖片151

4.4.3x.getImageInfo

(OBJECT)獲得圖片信息152

4.5.1wx.saveFile保存文件到

本地153

4.5文件操作API153

4.5.2wx.getSavedFileList獲取本地文件列表154

4.5.3wx.getSavedFileInfo獲取本地文件信息156

4.5.4wx.removeSavedFile刪除本地文件156

4.5.5wx.openDocument打開

文檔157

4.6數(shù)據(jù)緩存API158

4.6.1數(shù)據(jù)緩存到本地158

4.6.2獲取本地緩存數(shù)據(jù)160

4.6.3移除和清理本地緩存數(shù)據(jù)164

4.7位置信息API165

4.7.1獲得位置、選擇位置、打開位置165

4.7.2地圖組件控制169

4.8設(shè)備應(yīng)用API170

4.8.1獲得系統(tǒng)信息171

4.8.2獲取網(wǎng)絡(luò)狀態(tài)172

4.8.3重力感應(yīng)172

4.8.4羅盤173

4.8.5撥打電話173

4.9交互反饋API174

4.8.6掃碼174

4.9.1消息提示框174

4.9.2模態(tài)彈窗176

4.9.3操作菜單177

4.10登錄API179

4.11微信支付API183

4.12分享API184

4.13沙場(chǎng)大練兵： 仿豆瓣電影微信小程序185

4.13.1電影頂部頁簽切換效果186

4.13.2電影海報(bào)輪播效果190

4.13.3電影列表方式布局192

4.13.4電影詳情頁布局197

4.13.5項(xiàng)目上傳與預(yù)覽206

4.14小結(jié)207

第5章微信小程序設(shè)計(jì)及

問答208

5.1微信小程序設(shè)計(jì)208

5.1.1突出重點(diǎn)，減少

干擾項(xiàng)208

5.1.2主次動(dòng)作區(qū)分明顯208

5.1.3流程明確，避免打斷209

5.1.4局部加載反饋210

5.1.5模態(tài)窗口加載反饋210

5.1.6彈出式操作結(jié)果211

5.1.7模態(tài)對(duì)話框操作結(jié)果212

5.1.8結(jié)果頁212

5.1.9表單填寫友好提示212

5.2微信小程序問答213

5.3小結(jié)215

第二篇綜合案例應(yīng)用

第6章綜合案例：仿智行火車票

12306微信小程序217

6.1需求描述218

6.2設(shè)計(jì)思路及相關(guān)知識(shí)點(diǎn)220

6.2.1設(shè)計(jì)思路220

6.2.2相關(guān)知識(shí)點(diǎn)221

6.3準(zhǔn)備工作221

6.4設(shè)計(jì)流程222

6.4.1底部標(biāo)簽導(dǎo)航設(shè)計(jì)222

6.4.2海報(bào)輪播效果設(shè)計(jì)225

6.4.3火車票查詢界面設(shè)計(jì)227

6.4.4火車票列表設(shè)計(jì)239

6.4.5個(gè)人中心界面設(shè)計(jì)254

6.4.6搶票界面設(shè)計(jì)263

6.4.7項(xiàng)目上傳和預(yù)覽272

6.5小結(jié)273

第7章綜合案例：仿糗事百科

微信小程序275

7.1需求描述275

7.2.1設(shè)計(jì)思路277

7.2.2相關(guān)知識(shí)點(diǎn)277

7.2設(shè)計(jì)思路及相關(guān)知識(shí)點(diǎn)277

7.3準(zhǔn)備工作277

7.4設(shè)計(jì)流程278

7.4.1頂部頁簽菜單滑動(dòng)設(shè)計(jì)278

7.4.2頂部頁簽菜單切換效果 設(shè)計(jì)280

7.4.3糗事列表頁設(shè)計(jì)282

7.4.4視頻列表頁設(shè)計(jì)292

7.4.5分享設(shè)計(jì)295

7.4.6項(xiàng)目預(yù)覽297

7.5小結(jié)298

第8章綜合案例：仿中國婚博會(huì)

微信小程序299

8.1需求描述300

8.2設(shè)計(jì)思路及相關(guān)知識(shí)點(diǎn)302

8.2.1設(shè)計(jì)思路302

8.2.2相關(guān)知識(shí)點(diǎn)303

8.3準(zhǔn)備工作303

8.4設(shè)計(jì)流程305

8.4.1底部標(biāo)簽導(dǎo)航設(shè)計(jì)305

8.4.2海報(bào)輪播效果設(shè)計(jì)308

8.4.3宮格導(dǎo)航設(shè)計(jì)310

8.4.4全部分類導(dǎo)航設(shè)計(jì)314

8.4.5現(xiàn)金券下拉菜單篩選條件設(shè)計(jì)323

8.4.6現(xiàn)金券列表頁設(shè)計(jì)326

8.4.7婚博會(huì)索票界面設(shè)計(jì)333

8.4.8獲知渠道彈出層設(shè)計(jì)338

8.5小結(jié)345