本書(shū)分為四個(gè)篇章：第壹篇即為第1章，介紹開(kāi)發(fā)環(huán)境的準(zhǔn)備及賬號(hào)的注冊(cè)。學(xué)完本章內(nèi)容，相當(dāng)于取得了入場(chǎng)券。第二篇包括第2—10章，是項(xiàng)目實(shí)戰(zhàn)部分。其中第2-6章是小程序前端案例，使用了后臺(tái)端口但未涉及后臺(tái)編程；第7-10章是在已有案例的基礎(chǔ)上添加了后端程序的支持。先學(xué)習(xí)前端，再學(xué)習(xí)后端，由淺入深，這樣更易于理解和掌握。第三篇包括第11-14章，詳細(xì)講解所有小程序組件的使用方法，幾乎全部組件都具有生產(chǎn)可用的UI，所附示例源碼可以直接用于實(shí)際項(xiàng)目中，大大降低了初學(xué)者開(kāi)發(fā)一個(gè)小程序時(shí)在美工上的門(mén)檻。第四篇包括第15-17章，是綜合練習(xí)部分，系統(tǒng)地介紹JS語(yǔ)言、Go語(yǔ)言、WXSS樣式語(yǔ)法等必備知識(shí)與技能。其中各節(jié)有獨(dú)立的練習(xí)代碼，可供讀者實(shí)際練習(xí)之用。這部分也可作為工具文檔，供開(kāi)發(fā)者參考使用。

目錄

目錄 Contents
推薦序
前言
篇　基礎(chǔ)入門(mén)篇
第1章　學(xué)前準(zhǔn)備2
1.1　注冊(cè)賬號(hào)2
1.2　配置開(kāi)發(fā)工具5
1.2.1　下載6
1.2.2　安裝6
1.2.3　設(shè)置編輯器屬性6
1.3　從quick start項(xiàng)目開(kāi)始7
1.3.1　創(chuàng)建項(xiàng)目8
1.3.2　運(yùn)行項(xiàng)目10
1.3.3　刷新項(xiàng)目10
第二篇　項(xiàng)目實(shí)戰(zhàn)篇
第2章　豆豆電影14
2.1　從splash功能開(kāi)始14
2.1.1　創(chuàng)建項(xiàng)目14
2.1.2　隱藏模擬器16
2.1.3　快捷創(chuàng)建頁(yè)面16
2.1.4　引用sim.js類(lèi)庫(kù)17
2.1.5　實(shí)現(xiàn)splash效果18
2.1.6　下載源碼21
2.2　緩存本地?cái)?shù)據(jù)21
2.2.1　使用wx.setStorage接口21
2.2.2　使用Storage面板21
2.2.3　省略function關(guān)鍵字22
2.3　實(shí)現(xiàn)頁(yè)首splash效果23
2.3.1　使用swiper組件23
2.3.2　批量調(diào)用接口24
2.3.3　使用wx.getStorage接口25
2.3.4　下載源碼25
2.4　實(shí)現(xiàn)橫向滑動(dòng)列表26
2.4.1　列表渲染26
2.4.2　引用樣式27
2.4.3　下載源碼27
2.5　實(shí)現(xiàn)電影詳情頁(yè)27
2.5.1　格式化代碼28
2.5.2　邏輯層28
2.5.3　視圖層29
2.5.4　頁(yè)面跳轉(zhuǎn)30
2.5.5　下載源碼30
2.6　實(shí)現(xiàn)電影列表頁(yè)30
2.6.1　使用finally方法 31
2.6.2　模板組件32
2.6.3　加載更多34
2.6.4　如何調(diào)試35
2.6.5　刷新視圖36
2.6.6　下載源碼37
2.7　實(shí)現(xiàn)下拉刷新功能37
2.7.1　小程序中的下拉更新API37
2.7.2　下載源碼38
2.8　實(shí)現(xiàn)搜索功能38
2.9　提交42
2.9.1　修改信息42
2.9.2　使用Sketch生成頭像43
2.9.3　配置域名器域名43
2.9.4　在手機(jī)上預(yù)覽44
2.9.5　上傳版本44
2.9.6　提交審核45
2.9.7　下載源碼46
第3章　計(jì)算皮相47
3.1　使用模板創(chuàng)建項(xiàng)目48
3.2　實(shí)現(xiàn)history頁(yè)面48
3.3　實(shí)現(xiàn)index主頁(yè)49
3.3.1　冒泡事件51
3.3.2　樣式選擇器51
3.3.3　實(shí)現(xiàn)計(jì)算的邏輯52
3.3.4　使用wx.setStorageSync接口56
3.3.5　下載源碼57
3.4　服務(wù)類(lèi)目57
3.5　發(fā)布57
3.6　添加分享58
3.7　下載源碼58
第4章　黑黑天氣59
4.1　實(shí)現(xiàn)視圖層60
4.1.1　關(guān)于rpx60
4.1.2　絕對(duì)定位61
4.2　如何使用weui62
4.3　關(guān)于static目錄63
4.4　實(shí)現(xiàn)邏輯層64
4.4.1　js函數(shù)split與push66
4.4.2　下載源碼66
第5章　笑林百家67
5.1　使用tabBar68
5.2　實(shí)現(xiàn)index頁(yè)面69
5.2.1　定義模板組件 70
5.2.2　import與include的區(qū)別71
5.2.3　js數(shù)組函數(shù) 71
5.2.4　js正則表達(dá)式73
5.3　實(shí)現(xiàn)image頁(yè)面74
5.3.1　將函數(shù)作為參數(shù)傳遞74
5.3.2　關(guān)于lower-threshold屬性74
5.3.3　使用wx.previewImage接口75
5.4　下載源碼75
第6章　圖靈聊聊76
6.1　實(shí)現(xiàn)index頁(yè)面77
6.1.1　建立server目錄模擬服務(wù)器數(shù)據(jù)78
6.1.2　在文件作用域中聲明app80
6.1.3　調(diào)用圖像預(yù)覽接口 80
6.1.4　用戶友好的時(shí)間格式化方法formatTimeline80
6.1.5　js語(yǔ)言中的展開(kāi)符81
6.1.6　變量自增81
6.1.7　js的忽略符81
6.1.8　通用的下拉區(qū)域82
6.2　實(shí)現(xiàn)聯(lián)系人頁(yè)面82
6.2.1　js中的引用傳遞84
6.2.2　js數(shù)組的push方法84
6.2.3　接口返回?cái)?shù)據(jù)的通用格式85
6.3　實(shí)現(xiàn)聊天頁(yè)面86
6.3.1　在視圖渲染中使用三目運(yùn)算符87
6.3.2　js中的全等于與等于運(yùn)算符87
6.3.3　wx:if條件渲染87
6.3.4　使用css遮罩實(shí)現(xiàn)消息框樣式87
6.3.5　調(diào)用圖靈接口89
6.3.6　js中的邏輯或操作90
6.3.7　js中的let關(guān)鍵字90
6.4　實(shí)現(xiàn)my頁(yè)面92
6.5　實(shí)現(xiàn)about頁(yè)面93
6.6　下載源碼94
第7章　豆豆電影服務(wù)端95
7.1　開(kāi)發(fā)后端程序95
7.1.1　安裝Golang語(yǔ)言包95
7.1.2　安裝倉(cāng)庫(kù)管理工具git96
7.1.3　安裝Go語(yǔ)言編輯器96
7.1.4　使用sim.go類(lèi)庫(kù)96
7.1.5　創(chuàng)建豆瓣接口97
7.2　改寫(xiě)小程序前端100
7.3　下載源碼 101
第8章　計(jì)算皮相服務(wù)端102
8.1　創(chuàng)建服務(wù)端程序102
8.1.1　啟用sqlite3數(shù)據(jù)庫(kù)與小程序服務(wù)端的自動(dòng)登錄功能102
8.1.2　安裝命令行工具curl103
8.1.3　關(guān)于一般性通用接口的解讀103
8.1.4　使用SQLiteStudio104
8.1.5　擴(kuò)展新的控制器105
8.2　改寫(xiě)小程序前端110
8.2.1　使用POST方法新增數(shù)據(jù)110
8.2.2　調(diào)用分頁(yè)接口拉取數(shù)據(jù)110
8.3　下載源碼 111
第9章　黑黑天氣服務(wù)端112
9.1　創(chuàng)建服務(wù)端程序112
9.1.1　使用萬(wàn)能的JSON字段113
9.1.2　特改特定的接口邏輯113
9.1.3　解析動(dòng)態(tài)JSON數(shù)據(jù)的方法114
9.2　改寫(xiě)小程序前端116
9.2.1　使用不同的模擬器測(cè)試項(xiàng)目117
9.2.2　使用默認(rèn)的頁(yè)面數(shù)據(jù)避免渲染錯(cuò)誤118
9.2.3　分離代碼邏輯提高可閱讀性118
9.2.4　在WXML頁(yè)面中直接綁定字典數(shù)據(jù)121
9.3　下載源碼122
第10章　笑林百家服務(wù)端123
10.1　創(chuàng)建服務(wù)端程序123
10.1.1　啟用七牛云上傳功能124
10.1.2　注冊(cè)七牛賬號(hào)與創(chuàng)建存儲(chǔ)空間124
10.1.3　Go語(yǔ)言的作用域125
10.2　修改小程序前端127
10.2.1　使用模板組件實(shí)現(xiàn)頂部導(dǎo)航欄128
10.2.2　關(guān)于navigator組件的open-type屬性129
10.2.3　在tabBar中新增操作按鈕129
10.2.4　使用icon組件130
10.2.5　在小程序中直接上傳圖片131
10.3　下載源碼133
第三篇　實(shí)用組件篇
第11章　容器組件136
11.1　view136
11.2　scroll-view137
11.3　swiper142
11.4　movable-view145