日韩偷拍一区二区,国产香蕉久久精品综合网,亚洲激情五月婷婷,欧美日韩国产不卡

及時篇 微信小程序快速入門

第1章認識微信小程序

1.1微信小程序介紹 11

1.1.1初識微信小程序1

1.1.2微信小程序的功能2

1.1.3微信小程序能否取代App3

1.1.4微信小程序的發展歷程3

1.1.5微信小程序帶來的機會3

1.2微信小程序開發準備3

1.2.1基礎技術準備3

1.2.2開發準備4

1.3微信小程序開發工具的使用5

1.3.1創建項目5

1.3.2編輯7

1.3.3常用快捷鍵9

1.3.4調試10

1.3.5項目12

1.3.6編譯13

1.3.7前臺/后臺13

1.3.8緩存14

1.4沙場大練兵：Hello World 的創建14

1.5小結17

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

2.1微信小程序目錄結構介紹18

2.1.1框架全局文件18

2.1.2工具類文件23

2.1.3框架頁面文件24

2.1.4小試牛刀：制作貓眼電影底部標簽導航24

2.2微信小程序注冊程序的應用27

2.3微信小程序注冊頁面的使用29

2.3.1頁面初始化數據30

2.3.2生命周期函數30

2.3.3頁面相關事件處理函數30

2.3.4頁面路由管理31

2.3.5自定義函數32

2.3.6setData設值函數32

2.4微信小程序如何綁定數據33

2.4.1組件屬性綁定33

2.4.2控制屬性綁定34

2.4.3關鍵字綁定34

2.4.4運算34

2.4.5小試牛刀：天氣微信

小程序35

2.5微信小程序條件渲染38

2.5.1wx:if 判斷單個組件38

2.5.2block wx:if 判斷多個

組件39

2.6微信小程序列表渲染39

2.6.1wx:for 列表渲染單個

組件39

2.6.2block wx:for 列表渲染多個組件39

2.6.3wx:key 指定標識符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沙場大練兵：仿香哈菜譜微信小程序42

2.9.1底部標簽導航設計43

2.9.2宮格導航設計45

2.9.3香哈頭條初始化數據48

2.9.4香哈頭條列表渲染及綁定數據50

2.9.5香哈頭條模板的引用54

2.10小結56

第3章用微信小程序組件構建UI界面57

3.1視圖容器組件57

3.1.1view視圖容器57

3.1.2scroll-view可滾動視圖區域58

3.1.3swiper滑塊視圖容器61

3.2基礎內容組件65

3.2.1icon圖標組件65

3.2.2text文本組件66

3.2.3progress進度條組件67

3.3豐富的表單組件68

3.3.1button按鈕68

3.3.2checkbox多項選擇器70

3.3.3radio單項選擇器71

3.3.4input單行輸入框72

3.3.5textarea多行輸入框75

3.3.6label組件77

3.3.7picker滾動選擇器79

3.3.8slider滑動選擇器85

3.3.9switch開關選擇器87

3.3.10form表單89

3.4導航組件92

3.4.1navigator頁面鏈接組件92

3.4.2wx.navigateTo保留當前頁

跳轉94

3.4.3wx.redirectTo關閉當前頁

跳轉95

3.4.4wx.switchTab跳轉到

tabBar頁面96

3.4.5wx.navigateBack返回上一頁97

3.4.6設置導航條98

3.5導媒體組件100

3.5.1audio音頻100

3.5.2image圖片103

3.5.3video視頻107

3.6地圖組件110

3.7畫布組件114

3.8沙場大練兵：表單登錄注冊微信

小程序116

3.8.1登錄設計117

13.8.2手機號注冊設計123

13.8.3企業用戶注冊設計128

3.9小結136

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

4.1請求服務器數據API137

4.2文件上傳與下載API140

4.2.1wx.uploadFile文件

上傳140

4.2.2wx.downloadFile文件下載143

4.3WebSocket會話API145

4.4圖片處理API150

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

4.4.2wx.previewImage

(OBJECT)預覽圖片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數據緩存API158

4.6.1數據緩存到本地158

4.6.2獲取本地緩存數據160

4.6.3移除和清理本地緩存數據164

4.7位置信息API165

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

4.7.2地圖組件控制169

4.8設備應用API170

4.8.1獲得系統信息171

4.8.2獲取網絡狀態172

4.8.3重力感應172

4.8.4羅盤173

4.8.5撥打電話173

4.9交互反饋API174

4.8.6掃碼174

4.9.1消息提示框174

4.9.2模態彈窗176

4.9.3操作菜單177

4.10登錄API179

4.11微信支付API183

4.12分享API184

4.13沙場大練兵： 仿豆瓣電影微信小程序185

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

4.13.2電影海報輪播效果190

4.13.3電影列表方式布局192

4.13.4電影詳情頁布局197

4.13.5項目上傳與預覽206

4.14小結207

第5章微信小程序設計及

問答208

5.1微信小程序設計208

5.1.1突出重點，減少

干擾項208

5.1.2主次動作區分明顯208

5.1.3流程明確，避免打斷209

5.1.4局部加載反饋210

5.1.5模態窗口加載反饋210

5.1.6彈出式操作結果211

5.1.7模態對話框操作結果212

5.1.8結果頁212

5.1.9表單填寫友好提示212

5.2微信小程序問答213

5.3小結215

第二篇綜合案例應用

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

12306微信小程序217

6.1需求描述218

6.2設計思路及相關知識點220

6.2.1設計思路220

6.2.2相關知識點221

6.3準備工作221

6.4設計流程222

6.4.1底部標簽導航設計222

6.4.2海報輪播效果設計225

6.4.3火車票查詢界面設計227

6.4.4火車票列表設計239

6.4.5個人中心界面設計254

6.4.6搶票界面設計263

6.4.7項目上傳和預覽272

6.5小結273

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

微信小程序275

7.1需求描述275

7.2.1設計思路277

7.2.2相關知識點277

7.2設計思路及相關知識點277

7.3準備工作277

7.4設計流程278

7.4.1頂部頁簽菜單滑動設計278

7.4.2頂部頁簽菜單切換效果 設計280

7.4.3糗事列表頁設計282

7.4.4視頻列表頁設計292

7.4.5分享設計295

7.4.6項目預覽297

7.5小結298

第8章綜合案例：仿中國婚博會

微信小程序299

8.1需求描述300

8.2設計思路及相關知識點302

8.2.1設計思路302

8.2.2相關知識點303

8.3準備工作303

8.4設計流程305

8.4.1底部標簽導航設計305

8.4.2海報輪播效果設計308

8.4.3宮格導航設計310

8.4.4全部分類導航設計314

8.4.5現金券下拉菜單篩選條件設計323

8.4.6現金券列表頁設計326

8.4.7婚博會索票界面設計333

8.4.8獲知渠道彈出層設計338

8.5小結345