第1章微信小程序入門(mén)

1.1微信小程序概述

1.1.1微信小程序簡(jiǎn)介

1.1.2小程序的功能

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

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

1.2.2完善基本信息

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

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

1.3.2開(kāi)發(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頁(yè)面文件

1.5.4公共文件

1.6小結(jié)

第2章小程序框架

2.1邏輯層

2.1.1注冊(cè)小程序

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

2.1.3頁(yè)面路由

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組件的概念和分類(lèi)

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畫(huà)布組件

3.9其他組件

3.9.1開(kāi)放能力的組件

3.9.2無(wú)障礙訪問(wèn)的組件

3.10小結(jié)

第4章小程序API

4.1基礎(chǔ)類(lèi)API

4.1.1wx.canIUse

4.1.2wx.base64ToArrayBuffer和wx.arrayBufferToBase64

4.1.3系統(tǒng)信息API

4.1.4更新API

4.2界面類(lèi)API

4.2.1交互API

4.2.2導(dǎo)航欄API

4.2.3tabBar相關(guān)的API

4.2.4動(dòng)畫(huà)API

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

4.3.1wx.request

4.3.2wx.downloadFile

4.3.3wx.uploadFile

4.3.4webSocket相關(guān)的API

4.4數(shù)據(jù)緩存類(lèi)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媒體類(lèi)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位置類(lèi)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ā)類(lèi)API

4.7.1wx.updateShareMenu

4.7.2wx.showShareMenu和wx.hideShareMenu

4.7.3wx.getShareInfo

4.8畫(huà)布類(lèi)API

4.8.1wx.createCanvasContext

4.8.2wx.canvasToTempFilePath

4.8.3wx.canvasPutImageData

4.8.4wx.canvasGetImageData

4.8.5wx.createOffscreenCanvas

4.9文件類(lèi)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開(kāi)放接口類(lèi)API

4.10.1登錄

4.10.2小程序跳轉(zhuǎn)

4.10.3用戶(hù)信息

4.10.4支付

4.10.5收貨地址

4.11設(shè)備類(lèi)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電話(huà)

4.11.9加速度計(jì)

4.11.10羅盤(pán)

4.11.11陀螺儀

4.11.12性能

4.11.13掃碼

4.11.14振動(dòng)

4.12其他類(lèi)API

4.12.1路由類(lèi)

4.12.2Worker

4.12.3第三方平臺(tái)

4.12.4WXML

4.12.5廣告

4.13小結(jié)

第5章資訊類(lèi)微信小程序

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首頁(yè)新聞內(nèi)容的實(shí)現(xiàn)

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

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

5.5小結(jié)

第6章音樂(lè)類(lèi)微信小程序

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首頁(yè)界面的實(shí)現(xiàn)

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

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

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

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

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

6.4小結(jié)

附錄A小程序場(chǎng)景值

附錄B小程序中的顏色