第1章微信小程序入門

1.1微信小程序概述

1.1.1微信小程序簡介

1.1.2小程序的功能

1.2小程序的開發(fā)準(zhǔn)備

1.2.1準(zhǔn)備開發(fā)者賬號(hào)

1.2.2完善基本信息

1.3小程序的開發(fā)工具

1.3.1開發(fā)工具的下載和安裝

1.3.2開發(fā)工具的使用

1.4創(chuàng)建小程序項(xiàng)目

1.4.1新建項(xiàng)目

1.4.2預(yù)覽和調(diào)試項(xiàng)目

1.4.3發(fā)布項(xiàng)目

1.5小程序的目錄結(jié)構(gòu)

1.5.1配置文件

1.5.2App文件

1.5.3頁面文件

1.5.4公共文件

1.6小結(jié)

第2章小程序框架

2.1邏輯層

2.1.1注冊小程序

2.1.2構(gòu)造注冊頁面和頁面的生命周期

2.1.3頁面路由

2.1.4模塊化和API

2.2視圖層

2.2.1WXML

2.2.2WXSS

2.2.3WXS

2.2.4事件系統(tǒng)

2.2.5基礎(chǔ)組件

2.2.6獲取界面上的節(jié)點(diǎn)信息

2.3小結(jié)

第3章小程序組件

3.1組件的概念和分類

3.2視圖容器組件

3.2.1view

3.2.2scroll�瞯iew

3.2.3swiper和swiper�瞚tem

3.2.4movable�瞐rea和movable�瞯iew

3.2.5cover�瞯iew和cover�瞚mage

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

3.3.1icon

3.3.2text

3.3.3rich�瞭ext

3.3.4progress

3.4表單組件

3.4.1label和button

3.4.2radio和radio�瞘roup

3.4.3checkbox和checkbox�瞘roup

3.4.4input、textarea和editor

3.4.5picker、picker�瞯iew和picker�瞯iew�瞔olumn

3.4.6slider

3.4.7switch

3.4.8form

3.5導(dǎo)航組件

3.5.1functional�瞤age�瞡avigator

3.5.2navigator

3.6媒體組件

3.6.1audio

3.6.2image

3.6.3video

3.6.4camera

3.6.5live�瞤layer

3.6.6live�瞤usher

3.7地圖組件

3.8畫布組件

3.9其他組件

3.9.1開放能力的組件

3.9.2無障礙訪問的組件

3.10小結(jié)

第4章小程序API

4.1基礎(chǔ)類API

4.1.1wx.canIUse

4.1.2wx.base64ToArrayBuffer和wx.arrayBufferToBase64

4.1.3系統(tǒng)信息API

4.1.4更新API

4.2界面類API

4.2.1交互API

4.2.2導(dǎo)航欄API

4.2.3tabBar相關(guān)的API

4.2.4動(dòng)畫API

4.3網(wǎng)絡(luò)類API

4.3.1wx.request

4.3.2wx.downloadFile

4.3.3wx.uploadFile

4.3.4webSocket相關(guān)的API

4.4數(shù)據(jù)緩存類API

4.4.1wx.setStorage和wx.setStorageSync

4.4.2wx.removeStorage和wx.removeStorageSync

4.4.3wx.getStorage和wx.getStorageSync

4.4.4wx.getStorageInfo和wx.getStorageInfoSync

4.4.5wx.clearStorage和wx.clearStorageSync

4.4.6wx.setBackgroundFetchToken和wx.getBackgroundFetchToken

4.4.7wx.onBackgroundFetchData和wx.getBackgroundFetchData

4.5媒體類API

4.5.1地圖API

4.5.2圖片API

4.5.3音頻API

4.5.4視頻API

4.5.5相機(jī)API

4.5.6錄音API

4.6位置類API

4.6.1wx.startLocationUpdate和wx.stopLocationUpdate

4.6.2wx.startLocationUpdateBackground

4.6.3wx.onLocationChange和wx.offLocationChange

4.6.4wx.getLocation

4.6.5wx.openLocation

4.6.6wx.chooseLocation

4.7轉(zhuǎn)發(fā)類API

4.7.1wx.updateShareMenu

4.7.2wx.showShareMenu和wx.hideShareMenu

4.7.3wx.getShareInfo

4.8畫布類API

4.8.1wx.createCanvasContext

4.8.2wx.canvasToTempFilePath

4.8.3wx.canvasPutImageData

4.8.4wx.canvasGetImageData

4.8.5wx.createOffscreenCanvas

4.9文件類API

4.9.1wx.saveFile和wx.removeSavedFile

4.9.2wx.openDocument

4.9.3wx.getSavedFileList、wx.getSavedFileInfo和wx.getFileInfo

4.9.4wx.getFileSystemManager

4.10開放接口類API

4.10.1登錄

4.10.2小程序跳轉(zhuǎn)

4.10.3用戶信息

4.10.4支付

4.10.5收貨地址

4.11設(shè)備類API

4.11.1WiFi

4.11.2聯(lián)系人

4.11.3藍(lán)牙和低功耗藍(lán)牙

4.11.4電量

4.11.5剪貼板

4.11.6網(wǎng)絡(luò)

4.11.7屏幕

4.11.8電話

4.11.9加速度計(jì)

4.11.10羅盤

4.11.11陀螺儀

4.11.12性能

4.11.13掃碼

4.11.14振動(dòng)

4.12其他類API

4.12.1路由類

4.12.2Worker

4.12.3第三方平臺(tái)

4.12.4WXML

4.12.5廣告

4.13小結(jié)

第5章資訊類微信小程序

5.1項(xiàng)目需求和設(shè)計(jì)思路

5.2項(xiàng)目實(shí)現(xiàn)的準(zhǔn)備工作

5.3項(xiàng)目實(shí)現(xiàn)的關(guān)鍵之處

5.3.1標(biāo)簽導(dǎo)航的實(shí)現(xiàn)

5.3.2滑動(dòng)效果的實(shí)現(xiàn)

5.3.3首頁新聞內(nèi)容的實(shí)現(xiàn)

5.3.4首頁新聞詳情的實(shí)現(xiàn)

5.4設(shè)置頁面的實(shí)現(xiàn)

5.5小結(jié)

第6章音樂類微信小程序

6.1項(xiàng)目需求和設(shè)計(jì)思路

6.2項(xiàng)目實(shí)現(xiàn)的準(zhǔn)備工作

6.3項(xiàng)目實(shí)現(xiàn)的關(guān)鍵之處

6.3.1首頁界面的實(shí)現(xiàn)

6.3.2首頁音樂播放的實(shí)現(xiàn)

6.3.3歌曲列表界面的實(shí)現(xiàn)

6.3.4歌典列表界面音樂的播放和暫停的實(shí)現(xiàn)

6.3.5歌典列表界面按歌手名或歌曲名查找歌曲

6.3.6歌詞動(dòng)態(tài)顯示的實(shí)現(xiàn)

6.4小結(jié)

附錄A小程序場景值

附錄B小程序中的顏色