微信小程序開發實戰入門

本書是一本微信小程序開發入門級的教程，全書分為兩部分，第一部分主要介紹微信小程序開發的基礎知識； 第二部分重點介紹微信小程序開發實戰項目。全書共分為6章，第1~4章為第一部分，第5章和第6章為第二部分，各章內容簡介如下。 第1章簡要介紹微信小程序的產生背景及其作用，如何準備開發者賬號，如何下載、安裝和使用微信開發者工具，如何創建一個微信小程序項目並進行調試和發布，並詳細介紹小程序項目的目錄結構； 第2章重點介紹小程序的框架，包括邏輯層和視圖層兩部分； 第3章重點介紹小程序的組件； 第4章重點介紹小程序的API； 第5章介紹資訊類微信小程序開發的全過程； 第6章介紹音樂類微信小程序開發的全過程。第5章和第6章的小程序實戰項目開發不但綜合使用了第1~4章的基礎知識，同時還將軟件開發時的需求分析、總體設計、編碼和調試過程融合其中。 本書內容重點突出，語言精練易懂，可作為微信小程序開發人員的**教材，也可作為普通高等院校電腦及相關專業微信小程序課程入門級教材，還可供電腦及相關專業的教學人員、前端工程師和微信小程序開發的愛好者使用。高職高專類學校也可以選用本教材，使用時可以根據學校和學生的實際情況略去某些章節。

目錄

第1章微信小程序入門

1.1微信小程序概述

1.1.1微信小程序簡介

1.1.2小程序的功能

1.2小程序的開發準備

1.2.1準備開發者賬號

1.2.2完善基本信息

1.3小程序的開發工具

1.3.1開發工具的下載和安裝

1.3.2開發工具的使用

1.4創建小程序項目

1.4.1新建項目

1.4.2預覽和調試項目

1.4.3發布項目

1.5小程序的目錄結構

1.5.1配置文件

1.5.2App文件

1.5.3頁面文件

1.5.4公共文件

1.6小結

第2章小程序框架

2.1邏輯層

2.1.1註冊小程序

2.1.2構造註冊頁面和頁面的生命周期

2.1.3頁面路由

2.1.4模塊化和API

2.2視圖層

2.2.1WXML

2.2.2WXSS

2.2.3WXS

2.2.4事件系統

2.2.5基礎組件

2.2.6獲取界面上的節點信息

2.3小結

第3章小程序組件

3.1組件的概念和分類

3.2視圖容器組件

3.2.1view

3.2.2scrollview

3.2.3swiper和swiperitem

3.2.4movablearea和movableview

3.2.5coverview和coverimage

3.3基礎內容組件

3.3.1icon

3.3.2text

3.3.3richtext

3.3.4progress

3.4表單組件

3.4.1label和button

3.4.2radio和radiogroup

3.4.3checkbox和checkboxgroup

3.4.4input、textarea和editor

3.4.5picker、pickerview和pickerviewcolumn

3.4.6slider

3.4.7switch

3.4.8form

3.5導航組件

3.5.1functionalpagenavigator

3.5.2navigator

3.6媒體組件

3.6.1audio

3.6.2image

3.6.3video

3.6.4camera

3.6.5liveplayer

3.6.6livepusher

3.7地圖組件

3.8畫布組件

3.9其他組件

3.9.1開放能力的組件

3.9.2無障礙訪問的組件

3.10小結

第4章小程序API

4.1基礎類API

4.1.1wx.canIUse

4.1.2wx.base64ToArrayBuffer和wx.arrayBufferToBase64

4.1.3系統信息API

4.1.4更新API

4.2界面類API

4.2.1交互API

4.2.2導航欄API

4.2.3tabBar相關的API

4.2.4動畫API

4.3網絡類API

4.3.1wx.request

4.3.2wx.downloadFile

4.3.3wx.uploadFile

4.3.4webSocket相關的API

4.4數據緩存類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相機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轉發類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小程序跳轉

4.10.3用戶信息

4.10.4支付

4.10.5收貨地址

4.11設備類API

4.11.1WiFi

4.11.2聯系人

4.11.3藍牙和低功耗藍牙

4.11.4電量

4.11.5剪貼板

4.11.6網絡

4.11.7屏幕

4.11.8電話

4.11.9加速度計

4.11.10羅盤

4.11.11陀螺儀

4.11.12性能

4.11.13掃碼

4.11.14振動

4.12其他類API

4.12.1路由類

4.12.2Worker

4.12.3第三方平臺

4.12.4WXML

4.12.5廣告

4.13小結

第5章資訊類微信小程序

5.1項目需求和設計思路

5.2項目實現的準備工作

5.3項目實現的關鍵之處

5.3.1標簽導航的實現

5.3.2滑動效果的實現

5.3.3首頁新聞內容的實現

5.3.4首頁新聞詳情的實現

5.4設置頁面的實現

5.5小結

第6章音樂類微信小程序

6.1項目需求和設計思路

6.2項目實現的準備工作

6.3項目實現的關鍵之處

6.3.1首頁界面的實現

6.3.2首頁音樂播放的實現

6.3.3歌曲列表界面的實現

6.3.4歌典列表界面音樂的播放和暫停的實現

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

6.3.6歌詞動態顯示的實現

6.4小結

附錄A小程序場景值

附錄B小程序中的顏色