本書的編寫以項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動、基于工作過程為宗旨，詳細(xì)介紹了微信小程序的基礎(chǔ)知識與開發(fā)技巧。
全書共包含 3 個(gè)項(xiàng)目、13 個(gè)單元、30 個(gè)任務(wù)，主要內(nèi)容如下：
項(xiàng)目一豆瓣評分
通過 7 個(gè)單元，16 個(gè)任務(wù)介紹豆瓣評分微信小程序項(xiàng)目開發(fā)的全過程。單元一項(xiàng)目準(zhǔn)備：介紹目前企業(yè)在進(jìn)行微信小程序團(tuán)隊(duì)合作開發(fā)時(shí)會使用的 3 個(gè)工具項(xiàng)目管理工具 TAPD、項(xiàng)目版本控制系統(tǒng) Git、項(xiàng)目托管服務(wù)平臺 Gitee。在創(chuàng)建項(xiàng)目任務(wù)中，詳細(xì)介紹了注冊登錄微信公眾平臺、安裝與使用微信開發(fā)者工具、在微信開發(fā)者工具中配置版本管理（Git）工具、整理項(xiàng)目初始代碼、新建項(xiàng)目所需頁面、小程序的基本目錄結(jié)構(gòu)等內(nèi)容。
單元二自定義組件的封裝：介紹豆瓣評分項(xiàng)目中搜索欄、評分星星、數(shù)據(jù)模塊組件、首頁模塊組件、短評組件的實(shí)現(xiàn)。在知識鏈接中詳細(xì)介紹了 MVC 框架、自定義組件的基本知識和使用方法、view 組件、navigator 組件、image 組件、scroll view 可滾動視圖容器組件和 wx:if 條件渲染。
單元三至單元七介紹豆瓣評分小程序中首頁、列表頁、搜索功能、詳情頁和短評列表功能的實(shí)現(xiàn)。在知識鏈接中詳細(xì)介紹了微信小程序網(wǎng)絡(luò)請求方法、小程序頁面生命周期、使用 wx:for 實(shí)現(xiàn)對象的遍歷、setData 函數(shù)、數(shù)據(jù)緩存 API、flflex 布局樣式、text 和 button 組件使用方法、wx.navigateBack() 接口的功能與使用方法。
項(xiàng)目二琪斐定制家居館
通過 2 個(gè)單元，8 個(gè)任務(wù)介紹琪斐定制家居館微信小程序項(xiàng)目開發(fā)的全過程。單元一產(chǎn)品展示和聯(lián)系我們：介紹琪斐定制家居館小程序中 tab 標(biāo)簽導(dǎo)航的配置、產(chǎn)品展示和聯(lián)系我們頁面的實(shí)現(xiàn)。在知識鏈接中詳細(xì)介紹了全局配置文件 app.json 的功能、image 組件、內(nèi)置地圖與撥打電話 API。
單元二首頁模塊：介紹首頁展示、公司簡介頁、產(chǎn)品服務(wù)頁、典型案例頁和全新產(chǎn)品頁的實(shí)現(xiàn)。在知識鏈接中詳細(xì)介紹了 swiper 組件、block wx:for 的使用方法、bindtap 點(diǎn)擊事件的使用。