3dwoo大學簡體電腦書店
實戰微信小程序：JavaScript、WXML與Flexbox綜合開發
( 簡體 字)
作者：榮蓉等類別：1. -> 程式設計 -> 網路編程 -> Javascript
出版社：電子工業出版社實戰微信小程序：JavaScript、WXML與Flexbox綜合開發 3dWoo書號： 46981
詢問書籍請說出此書號！
缺書
NT售價： 345 元
出版日：6/1/2017
頁數：404
光碟數：0
站長推薦：
印刷：黑白印刷語系： ( 簡體 字 )
ISBN：9787121313141 【不接受訂購】
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社)
第一部分認識微信小程序
1 微信小程序紹. .. .. 1

1.1 微信小程序是什么1
1.2 微信小程序的前景2
1.3 微信小程序與訂閱號、服務號的區別3
1.4 如何創建一個微信小程序4
1.4.1 成為微信小程序開發者5
1.4.2 安裝開發者編輯器7
1.5 運行一個微信小程序7
1.6 本章小結9

2 體驗微信小序. . 10

2.1 界面與操作10
2.2 編輯功能11
2.3 調試功能12
2.4 項目功能16
2.5 常用快捷鍵18
2.6 項目的目錄與文件結構18
2.7 本章小結21
第二部分讀懂每一行代碼
3 JavaScript 語法. . .. .. . 22

3.1 JavaScript 簡介22
3.2 基礎語法24
3.2.1 語句和語句塊25
3.2.2 注釋26
3.2.3 變量26
3.2.4 常量27
3.2.5 數據類型27
3.2.6 運算符38
3.2.7 條件判斷42
3.2.8 循環語句43
3.2.9 Map 和Set 46
3.3 JavaScript 函數48
3.3.1 函數定義和調用48
3.3.2 變量作用域53
3.3.3 方法54
3.3.4 高階函數56
3.3.5 箭頭函數57
3.4 JavaScript 標準對象58
3.4.1 Date 58
3.4.2 RegExp 59
3.4.3 JSON 60
3.4.4 Math 61
3.5 本章小結62

4 熟練掌握WXML 和HTML. . . 63

4.1 WXML 和HTML 的差異63
4.2 WXML 語法65
4.2.1 數據綁定65
4.2.2 條件渲染70
4.2.3 列表渲染72
4.2.4 模板75
4.2.5 事件綁定77
4.2.6 引用81
4.3 WXSS 語法83
4.3.1 語法規則83
4.3.2 注釋83
4.3.3 選擇器84
4.4 WXSS 基本屬性85
4.5 CSS 和WXSS 的區別86
4.5.1 尺寸單位86
4.5.2 樣式導入87
4.5.3 內聯樣式87
4.5.4 全局樣式與局部樣式87
4.6 本章小結87
第三部分精通微信小程序開發
5 微信小程序開發基礎. . . 88

5.1 全局配置88
5.2 頁面配置93
5.3 注冊程序94
5.4 注冊頁面96
5.4.1 頁面的生命周期98
5.4.2 頁面的事件處理99
5.4.3 頁面的數據處理101
5.4.4 頁面的棧103
5.4.5 頁面的路由103
5.5 簡單封裝與調用104
5.6 本章小結106

6 Flexbox 布局. .. . 107

6.1 基本要素107
6.2 容器屬性108
6.2.1 display 109
6.2.2 flex-direction 109
6.2.3 flex-wrap 110
6.2.4 flex-flow 110
6.2.5 justify-content 110
6.2.6 align-item 111
6.2.7 align-content 112
6.3 子元素屬性112
6.4 position 屬性115
6.5 邊框、空隙與填充120
6.6 本章小結121

7 組件的開發應用. .. 122

7.1 視圖容器組件124
7.1.1 view 124
7.1.2 scroll-view 126
7.1.3 swiper 129
7.2 基礎內容組件131
7.2.1 icon 132
7.2.2 text 132
7.2.3 progress 135
7.3 表單組件135
7.3.1 button 136
7.3.2 checkbox 138
7.3.3 radio 139
7.3.4 input 142
7.3.5 textarea 146
7.3.6 form 149
7.3.7 label 151
7.3.8 picker 154
7.3.9 picker-view 158
7.3.10 slider 160
7.3.11 switch 162
7.4 多媒體組件164
7.4.1 image 164
7.4.2 audio 167
7.4.3 video 170
7.5 地圖組件174
7.6 導航組件177
7.7 畫布組件179
7.8 客服會話按鈕182
7.9 本章小結183

8 API 接口. . .. . . 184

8.1 網絡相關185
8.1.1 發送請求185
8.1.2 上傳和下載187
8.1.3 WebSocket 189
8.2 多媒體193
8.2.1 圖片193
8.2.2 錄音196
8.2.3 音頻202
8.2.4 背景音樂204
8.2.5 音頻組件控制208
8.2.6 視頻209
8.2.7 視頻組件控制212
8.3 文件214
8.4 數據緩存218
8.5 位置224
8.5.1 獲取與查看位置224
8.5.2 地圖組件控制227
8.6 設備229
8.6.1 系統信息229
8.6.2 網絡狀態231
8.6.3 重力感應232
8.6.4 羅盤232
8.6.5 撥打電話233
8.6.6 掃描二維碼233
8.7 界面234
8.7.1 交互反饋234
8.7.2 設置導航條239
8.7.3 導航241
8.7.4 動畫246
8.7.5 繪畫254
8.7.6 下拉刷新256
8.8 開放接口257
8.8.1 登錄257
8.8.2 用戶信息263
8.8.3 微信支付266
8.8.4 模板消息267
8.8.5 客服消息272
8.8.6 分享275
8.8.7 獲取二維碼276
8.9 本章小結276

9 組件進階. . . .. . .. 277

9.1 九宮格278
9.2 頁腳280
9.3 加載更多283
9.4 導航條287
9.5 搜索條290
9.6 字母列表導航條295
9.7 日歷299
9.8 本章小結305
第四部分自己動手開發微信小程序

10 綜合案例——音樂播放小程序. .. 306

10.1 項目需求306
10.2 項目結構307
10.3 配置項目文件308
10.4 首頁index 308
10.4.1 推薦頁311
10.4.2 排行頁317
10.4.3 檢索頁（上） 325
10.4.4 檢索頁（中） 332
10.4.5 檢索頁（下） 340
10.5 列表頁346
10.5.1 獲取列表頁數據346
10.5.2 頁面渲染353
10.5.3 完成相似頁面357
10.6 音樂播放頁364
10.7 本章小結376
11 發布微信小程序. . . . 378
11.1 設置服務器域名378
11.2 上傳與審核步驟380
11.3 微信小程序數據分析382
11.4 常見問題及注意事項384
11.5 微信小程序審核不通過原因整理匯總386
11.6 本章小結388

附錄A . . .. . . .. . 389
本書從零開始介紹微信小程序開發，主要內容包括微信小程序介紹、微信小程序開發環境介紹、JavaScript語法、WXML和WXSS語法、小程序開發基礎、FlexBox布局、組件的開發應用、API接口、組件進階、發布微信小程序，最后還包括一個音樂播放器案例。本書內容深入淺出，適合零基礎，愛好微信小程序開發的讀者以及有一定軟件開發經驗的讀者。

推薦序
依稀記得是在2014 年年初認識了于連林老師，那時候我還在中關村軟件園負責黑馬程序員的軟件開發培訓業務，當時負責Android 課程的教學總監和我說：“咱們團隊新引入了一位老師，非常優秀，喜歡教育工作，并且技術非常好，相信這位老師的加盟會讓咱們的Android 后期項目課程上一個臺階。”當時我有些將信將疑，后來隨著連林的課程研發、教學實施等工作的開展，我對連林的學術、人品以及對技術的執著研究精神，也有了更深的認識。在一起共事一年半左右的時間后，2015 年年底連林由于家庭原因，不得不離開北京回天津發展，當時我聽到這個消息后甚是遺憾。分手之際，還和連林約定，若是黑馬程序員去天津開分公司，連林不管采用哪種形式，一定要在黑馬程序員這個平臺上繼續分享更多的知識給同學們。
一晃兩年過去了，2017 年3 月中旬連林給我發來消息，說他寫了一本關于微信小程序的書，并發來書稿，請我為之作序。
榮幸之余，我也有些擔心，因為“事非親歷不知難”，只有寫過書的人才知道寫書的不易，想在一本書中把一門技術講清楚，無論是案例的選取，還是技術的邏輯組織，都是一個讓人徹夜難眠的苦差事，這也就導致一本通俗、易讀、實在的書，在市面上少之又少。而“微信小程序”作為最近剛剛興起的熱點，市面上還沒有一套成熟的書籍成功案例，這就讓一本具備這些特質的書更加難以出現。值得驚訝的是，連林寫的這本書，恰好具備了這方面的特質，雖然沒有接觸過微信小程序的開發，我僅隨意翻閱了幾章便對微信小程序有了一個清晰的認知，甚至想開發幾個屬于自己的小程序的沖動。
這本書里的每一個文字，都透露著連林希望把知識都分享給讀者的意愿。所以我也希望這本實在、易讀、有血有肉的書，能滿足連林的初心，幫助更多的人。也期待能有更多的小程序開發者從中受益。
方立勛
黑馬程序員創始人
2017 年4 月7 日夜

前言
移動應用開發的前景
隨著科技的發展，手機已經成為每個人隨時隨地都要使用的“便攜式電腦”。近年來，手機硬件配置越來越高，功能越來越豐富，系統越來越完善（并且一直被Android和iOS 兩大系統稱霸），價格越來越平易近人，這些優勢使得手機越來越普及，相應地，市場對移動應用開發的需求必然會越來越高。

本書寫作目的
現在，市場上的應用基本可以分成三種開發方式：Android 原生開發、iOS 原生開發和跨平臺開發。前兩種開發方式都是原生開發，一般情況下會同時進行兩個版本的原生開發，或者直接使用第三種——跨平臺開發。近年來，跨平臺開發陸續萌生出很多種框架，例如PhoneGap、Titanium、React Native 等。開發者們也對這些框架有過一些爭論，我們暫且不說這些框架孰好孰壞。
2016 年，“微信之父”張小龍時隔多年公開亮相并稱微信正在研究一種新的形態，叫“微信小程序”，經過一年的研究測試，終于在2017 年1 月正式上線。微信小程序是一種全新的連接用戶與服務的方式，它可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。
微信小程序上線不到一天，便迅速引爆網絡，一百多個微信小程序的名單出爐，各種互聯網公司也爭相投入開發，筆者從2016 年起一直關注微信小程序的發展，也開發了一些應用。筆者希望可以把自己的開發經驗分享給讀者，也希望可以通過本書，由淺入深，為初學者提供開發指導，為開發者答疑解惑。同時希望借此書來認識更多志同道合的朋友。

如何閱讀本書
本書在內容邏輯上可以分為4 部分。
第一部分（第1~ 第2 章）主要介紹了什么是微信小程序、微信小程序的發展前景等，讓初學者很快了解微信小程序。
第二部分（第3~ 第4 章）主要介紹了JavaScript 和WXML，可以讓零基礎或者沒有學習過JavaScript 的讀者在學習微信小程序時不會有語言障礙，能夠讀懂每一行代碼，為學習微信小程序開發打下基礎。
第三部分（第5~ 第9 章）是本書的精髓，重點介紹了微信小程序的布局、組件、API 接口等，詳細地闡述了微信小程序的所有功能實現。希望讀者能夠通過這部分內容的學習，熟練掌握微信小程序的開發。
第四部分（第10~ 第11 章）通過詳細的案例分析，可以使讀者從項目開始到最后發布有一個系統的學習過程，至此，讀者完全有能力開發出自己的微信小程序。

讀者對象
? 對微信小程序開發有興趣的人員。
? 移動平臺開發人員。
? JavaScript 開發人員。
? 有編程經驗想轉行做微信小程序的開發人員。
? 計算機專業的學生。
致謝
感謝微信團隊，創造了這一偉大的產品。
感謝電子工業出版社，審校此書，以及為本書能夠快速出版而付出的巨大努力。
感謝方立勛老師，在百忙之中為本書題序，幫助我們完善本書。
感謝徐明華老師，在百忙之中給予指導和支持。
感謝工作和生活中幫助過我們的所有人，有你們的鼓勵和支持才有本書的面世，謝
謝你們。
歡迎訪問作者的博客和公眾號。
作者
pagetop