産品特色
內容簡介
本書提供瞭微信小程序開發必備的100 個Tip 和一個完整的電商案例京東購物微信小程序,100 個Tip分為四類:關於微信小程序的框架及工具16 個Tip、關於微信小程序豐富的組件24 個Tip、關於微信小程序必備API 技能50 個Tip、關於微信小程序高級交互設計10 個Tip,每一個Tip 都會有詳細的介紹和相關的示例,方便開發人員快速學習這些Tip,同時也可以作為工具書指南進行查詢,應用到哪個知識點可以到這裏快速的查詢進行使用。京東購物微信小程序是綜閤應用這些Tip,將這些Tip 綜閤應用到實際項目開發過程中。通過學習100 個Tip 和項目案例,讓讀者全麵、深入、透徹地理解微信小程序開發,提高微信小程序開發能力和項目實戰能力。
作者簡介
劉剛 曾就職於中國擎天軟件科技集團有限公司,現就職於航天四創科技有限公司,專心緻力於軟件項目研發、設計和管理,有豐富項目研發、設計和管理經驗豐富;負責紀檢監察廉政監督監管平颱、國傢郵政局項目、政務大數據項目、中施企協項目等的設計開發和項目管理工作;同時在教育教學方麵有豐富的授課經驗,教授Axure、用戶體驗、軟件重構、項目經理等等方麵的課程。
目錄
第1 章 微信小程序的框架及工具 .................................................................................. 1
1.1 app.json 配置 .......................................................................................................... 1
1.1.1 決定頁麵文件路徑 .................................................................................... 2
1.1.2 配置窗口錶現 ............................................................................................ 3
1.1.3 配置tab 標簽導航 ..................................................................................... 5
1.1.4 設置網絡超時時間 .................................................................................... 8
1.1.5 配置debug 模式 ........................................................................................ 9
1.2 App()函數使用 ..................................................................................................... 10
1.3 Page()函數使用 .................................................................................................... 12
1.3.1 初始化數據 .............................................................................................. 13
1.3.2 生命周期函數 .......................................................................................... 13
1.3.3 相關事件函數 .......................................................................................... 14
1.4 數據綁定 .............................................................................................................. 14
1.5 wx:if 條件判斷 ..................................................................................................... 15
1.6 wx:for 列錶渲染 ................................................................................................... 16
1.7 定義和使用模闆 .................................................................................................. 17
1.8 import 引用模闆 ................................................................................................... 18
1.9 include 引用文件 .................................................................................................. 19
1.10 Console 麵闆 ...................................................................................................... 20
1.11 Sources 麵闆 ....................................................................................................... 21
1.12 Network 麵闆 ..................................................................................................... 22
1.13 Storage 麵闆 ....................................................................................................... 24
1.14 Appdata 麵闆 ...................................................................................................... 24
目 錄 VII
1.15 Wxml 麵闆 ......................................................................................................... 26
1.16 Sensor 麵闆 ........................................................................................................ 27
第2 章 微信小程序豐富的組件 .................................................................................... 28
2.1 view 視圖容器組件 .............................................................................................. 28
2.2 scroll-view 可滾動視圖容器組件 ....................................................................... 31
2.3 swiper 滑塊視圖容器組件 ................................................................................... 34
2.3.1 海報輪播效果 .......................................................................................... 35
2.3.2 頁簽切換效果 .......................................................................................... 36
2.4 movable-view 可移動的視圖容器組件 ............................................................... 40
2.5 icon 圖標組件 ...................................................................................................... 42
2.6 text 文本組件 ....................................................................................................... 44
2.7 progress 進度條組件 ............................................................................................ 45
2.8 button 按鈕組件 ................................................................................................... 46
2.9 checkbox 多項選擇器組件 .................................................................................. 48
2.10 radio 單項選擇器組件 ....................................................................................... 57
2.11 input 單行輸入框組件 ....................................................................................... 59
2.12 textarea 多行輸入框組件 ................................................................................... 61
2.13 label 改進錶單組件 ............................................................................................ 63
2.14 picker 選擇器組件 ............................................................................................. 70
2.14.1 picker 普通選擇器組件 ......................................................................... 71
2.14.2 picker 時間選擇器組件 ......................................................................... 73
2.14.3 picker 日期選擇器組件 ......................................................................... 74
2.15 picker-view 嵌入頁麵的滾動選擇器 ................................................................ 76
2.16 slider 滑動選擇器組件....................................................................................... 78
2.17 switch 開關選擇器組件 ..................................................................................... 80
2.18 form 錶單組件 .................................................................................................... 85
2.19 navigator 頁麵鏈接導航組件 ............................................................................ 92
2.20 audio 音頻組件 .................................................................................................. 95
2.21 image 圖片組件 ................................................................................................ 102
2.22 video 視頻組件 ................................................................................................ 104
2.23 map 地圖組件 .................................................................................................. 106
2.24 canvas 畫布組件 .............................................................................................. 112
VIII 微信小程序開發必備100 Tip
第3 章 微信小程序必備API 技能 ............................................................................... 118
3.1 wx.request 發起網絡請求 .................................................................................. 118
3.2 wx.uploadFile 上傳文件 .................................................................................... 122
3.3 wx.downloadFile 下載文件 ................................................................................ 123
3.4 WebSocket 會話連接 ......................................................................................... 125
3.5 wx.chooseImage 選擇圖片 ................................................................................ 133
3.6 wx.previewImage 預覽圖片 ............................................................................... 134
3.7 wx.getImageInfo 獲取圖片信息 ........................................................................ 135
3.8 wx.saveImageToPhotosAlbum 保存圖片到相冊 .............................................. 136
3.9 wx.startRecord 開始錄音和wx.stopRecord 結束錄音 ..................................... 138
3.10 voice 音頻播放控製 ......................................................................................... 139
3.11 wx.createAudioContext 音頻組件控製 ........................................................... 140
3.12 wx.playBackgroundAudio 播放音樂 ............................................................... 141
3.13 wx.seekBackgroundAudio(OBJECT)控製音樂播放進度 ................................. 143
3.14 wx.getBackgroundAudioPlayerState 獲取音樂播放狀態 ............................... 143
3.15 wx.createVideoContext(videoId)視頻組件控製 .............................................. 145
3.16 wx.chooseVideo(OBJECT)選擇視頻 .............................................................. 146
3.17 wx.saveVideoToPhotosAlbum 保存視頻到相冊 .....
微信小程序開發必備100Tip 下載 mobi epub pdf txt 電子書