産品特色

編輯推薦

★從易到難、循序漸進，更輕鬆地掌握微信小程序開發的各種知識。

★廣泛涉及、重點突齣，更全麵係統地學習小程序開發的各種方法。

★理論結閤實踐，更深入地理解小程序的控件和API的使用方法。

★案例講解使用工程化思想，真正掌握小程序係統開發的精髓。

內容簡介

微信小程序是一種新的App替代品，其定位是在微信公眾號的生態鏈中，使用微信本身作為應用平颱，無須更新和下載，開箱即用。本書由淺入深、循序漸進，使零基礎的讀者能夠熟練掌握使用微信開發小程序應用。

本書分為8章，第1~2章是關於小程序的應用場景和小程序本身的介紹，包括小程序涉及的技術和IDE開發環境的使用。第3章是HTML 5、CSS 3、JavaScript的語法介紹，然後引申齣小程序使用的WXSS、WXML、JavaScript的相關語法。第4章是小程序開發組件的介紹，每個組件都配備瞭上手示例，幫助讀者加深印象。第5章是一個完整的小程序項目的開發步驟。第6章是調用微信API的介紹，對常見API提供瞭示例編碼和分析。第7章是一個完整的項目，包括前、後端，通過項目實戰讓讀者上手真正的小程序開發。第8章是對小程序新API（藍牙、卡券）等的補充。

本書內容精練、重點突齣、實例豐富，是麵嚮廣大程序員的編程入門參考書，也是學習小程序開發入門的較佳實踐，同時也非常適閤大中專院校師生自學，從而掌握新技術，拓寬知識體係。

作者簡介

★張帆

巨人網絡（上海）公司網頁開發工程師。喜歡在博客、GitHub和簡書上持續分享各種開發技術和編程實例，有著豐富的項目經驗，喜歡新興技術和*開發方式，喜歡JavaScript係的React.js、vue.js等技術。精通網頁後颱開發、相關的項目管理精通網頁後颱開發、相關的項目管理等。

★陳思含

廈門衛星定位應用股份有限公司（廈門）開發工程師。從事於交通領域大數據的處理以及B/S相關係統的開發，精通Java領域的相關開發，精通JavaScript、CSS、HTML等小程序相關的技術，並且有長期開發以及運營微信公眾號的經驗。

目錄

1 微信小程序開發 1
1.1 初識微信小程序開發 1
1.1.1 什麼是微信公眾號 1
1.1.2 什麼是微信小程序 3
1.1.3 微信小程序的應用領域 4
1.1.4 怎樣學好微信小程序 5
1.1.5 微信小程序的前景 6
1.2 小程序開發需要的技術 8
1.2.1 JavaScript技術 8
1.2.2 CSS技術 9
1.2.3 HTML（XML）技術 10
1.3 小程序開發所使用的技術 11
1.3.1 開發文件結構 12
1.3.2 配置程序 12
1.3.3 邏輯層 16
1.3.4 WXML 20
1.3.5 WXSS 25
1.4 搭建小程序開發環境 27
1.4.1 IDE下載 27
1.4.2 Windows係統的IDE安裝 29
1.5 上手實踐：第一個Hello WX程序 31
1.6 小程序新能力 34
1.6.1 個人開發者申請小程序 35
1.6.2 小程序的基本信息管理 37
1.6.3 已有公眾號綁定小程序 40
1.6.4 小程序的分享和跳轉新模式 41
1.7 小結 43
1.8 實踐與練習 43

2 熟悉小程序開發工具 44
2.1 熟悉微信開發者工具 44
2.1.1 微信開發IDE簡介 44
2.1.2 IDE調試窗口 45
2.1.3 小程序的測試與重啓 49
2.1.4 小程序的調試 50
2.1.5 小程序的控製颱 53
2.1.6 IDE項目窗口 55
2.1.7 項目的關閉與新建 56
2.1.8 IDE項目編輯窗口 57
2.2 小結 59
2.3 實踐與練習 59

3 小程序開發基礎 60
3.1 HTML入門 60
3.1.1 HTML簡介 60
3.1.2 HTML的用途與結構 61
3.2 HTML基礎 62
3.2.1 HTML語法基礎 62
3.2.2 HTML元素 63
3.2.3 HTML屬性 77
3.2.4 WXML與HTML 78
3.3 CSS入門 79
3.4 CSS基礎 79
3.4.1 CSS基礎語法 80
3.4.2 CSS樣式 82
3.4.3 CSS框模型 95
3.4.4 CSS定位 101
3.4.5 CSS與WXSS 106
3.5 JavaScript入門 106
3.5.1 JavaScript簡介 106
3.5.2 JavaScript前景 107
3.6 JavaScript基礎 108
3.6.1 JavaScript注釋 108
3.6.2 JavaScript變量 108
3.6.3 JavaScript數據類型 112
3.6.4 JavaScript對象 118
3.6.5 JavaScript函數 122
3.6.6 JavaScript運算符 127
3.6.7 JavaScript邏輯控製語句 128
3.7 小結 142
3.8 實踐與練習 143

4 小程序開發組件 144
4.1 視圖組件 144
4.1.1 視圖容器（view）組件 144
4.1.2 可滾動視圖區域（scroll-view） 147
4.1.3 滑動界麵（swiper） 147
4.2 基礎內容 149
4.2.1 小圖標（icon） 149
4.2.2 文本組件（text） 150
4.2.3 進度條組件（progress） 152
4.3 錶單組件 153
4.3.1 按鈕組件（button） 153
4.3.2 多選擇框（checkbox） 156
4.3.3 錶單form 159
4.3.4 輸入框組件（input） 160
4.3.5 label元素 163
4.3.6 滾動選擇器picker 163
4.3.7 單選控製器（radio） 166
4.3.8 滑動選擇器（slider） 168
4.3.9 開關選擇器（switch） 170
4.3.10 文本框控件（textarea） 172
4.4 導航 174
4.5 媒體組件 176
4.5.1 音頻組件（audio） 177
4.5.2 上手實踐：音樂播放器 177
4.5.3 圖片控件（image） 180
4.5.4 上手實踐：相冊 180
4.5.5 視頻控件（video） 184
4.5.6 上手實踐：帶彈幕的視頻播放器 184
4.6 地圖 187
4.6.1 地圖 187
4.6.2 上手實踐：微信中的騰訊地圖定位 188
4.7 畫布 189
4.7.1 畫布控件（canvas） 190
4.7.2 上手實踐：使用canvas實現畫布的繪製 190
4.8 小結 192
4.9 實踐與練習 192

5 項目實戰1——日記本 193
5.1 需求分析 193
5.1.1 需求確定 193
5.1.2 功能確定 194
5.1.3 係統設計 194
5.1.4 原型設計 197
5.2 具體編碼 199
5.2.1 項目初始化 199
5.2.2 測試環境搭建 201
5.2.3 用戶係統編碼 203
5.2.4 日記係統編碼 218
5.3 小結 233
5.4 實踐與練習 235

6 微信提供的API解析 236
6.1 網絡 236
6.1.1 發起請求 236
6.1.2 上傳與下載 238
6.1.3 WebSocket 240
6.2 媒體 243
6.2.1 圖片 243
6.2.2 錄音 245
6.2.3 語音控製 246
6.2.4 音樂控製 248
6.2.5 視頻控製 252
6.2.6 上手實踐：獲取本地視頻和播放控製 254
6.3 文件 256
6.4 數據緩存 260
6.5 位置 264
6.5.1 獲取位置 264
6.5.2 查看位置 265
6.5.3 地圖組件控製 266
6.5.4 上手實踐：地圖控製和查看 267
6.6 設備 269
6.6.1 係統信息 269
6.6.2 網絡狀態 271
6.6.3 重力感應 271
6.6.4 羅盤 272
6.6.5 撥打電話 272
6.6.6 掃碼 272
6.6.7 上手實踐：獲取所有手機信息和網絡狀態 273
6.7 界麵 274
6.7.1 交互反饋 274
6.7.2 設置導航條 277
6.7.3 導航 278
6.7.4 動畫 280
6.7.5 下拉刷新 284
6.7.6 上手實踐：帶有控製的動畫 285
6.8 繪圖 287
6.8.1 在canvas上畫圖 289
6.8.2 canvas坐標係 290
6.8.3 漸變 291
6.8.4 上手實踐：使用canvas繪製笑臉 294
6.9 開放接口 296
6.9.1 登錄 296
6.9.2 用戶信息 301
6.9.3 微信支付 302
6.9.4 模闆消息 303
6.9.5 客服消息 307
6.9.6 分享 315
6.9.7 獲取二維碼 316
6.10 小結 316
6.11 實踐與練習 317

7 項目實戰2——在綫閱讀 318
7.1 項目準備工作 318
7.1.1 項目需求分析 318
7.1.2 項目係統設計 319
7.1.3 設計1：用戶模塊 319
7.1.4 設計2：小說閱讀模塊 321
7.1.5 項目使用到的技術 321
7.2 項目服務器端編碼 322
7.2.1 服務器端介紹 322
7.2.2 Laravel框架的安裝與配置 322
7.2.3 服務器功能路由劃分 324
7.2.4 服務器數據庫搭建 325
7.2.5 服務器的配置 327
7.2.6 服務器的項目結構 328
7.2.7 服務器端登錄頁麵的代碼實現 328
7.2.8 服務器端管理主頁的代碼實現 330
7.2.9 服務器端管理用戶的代碼實現 332
7.2.10 小程序的接口文檔 332
7.2.11 後颱管理頁麵搭建 339
7.2.12 服務器端的測試 347
7.3 項目微信小程序端編碼 352
7.3.1 微信小程序頁麵設計 353
7.3.2 搭建微信小程序項目 353
7.3.3 微信小程序“首頁”菜單的代碼實現 355
7.3.4 微信小程序“用戶曆史”菜單的代碼實現 357
7.3.5 微信小程序“用戶注冊”頁麵的代碼實現 361
7.3.6 微信小程序“小說閱讀”頁麵的代碼實現 367
7.4 小結 371
7.5 實踐與練習 371

8 小程序新增API 372
8.1 藍牙API 372
8.1.1 獲取藍牙適配器 372
8.1.2 關閉藍牙模塊 374
8.1.3 獲取本機藍牙狀態 375
8.1.4 搜索藍牙設備 377
8.1.5 上手實踐：藍牙管理器 386
8.2 其他新增API 389
8.2.1 獲取收貨地址 390
8.2.2 打開小程序設置界麵 391
8.2.3 操作剪貼闆 392
8.2.4 支持微信卡券 393
8.2.5 監聽網絡變化 395
8.3 ES 6的支持 396
8.4 小結 398
8.5 實踐與練習 398

精彩書摘

1.1.4 怎樣學好微信小程序

微信小程序雖然已經正式發布，但是版本還處於一個不穩定的環境下，所以較Java、C 這樣成熟的技術而言可能會變動較大。所以，要學好這樣一門新技術，可能需要下麵的一些能力：

1．基本的技術基礎

（1）JavaScript（簡稱JS）基礎。微信小程序基於JS，並且支持原生JS進行邏輯開發，所以有一定的JS基礎是非常重要的。

（2）CSS基礎。雖然用於布局樣式的WXSS並不是單純的CSS，但是也是基於CSS技術的一種封裝，所以有一定的CSS基礎對於學習WXSS也是必要的。

（3）HTML（XML）基礎。用於布局的WXML同樣也是對於HTML（XML）的一種封裝應用，所以HTML基礎對於學習也是有一定意義的。

2．基本的編程思維

（1）熟悉基本的編程思想，擁有寫網頁或者是App的思維模式。

（2）擁有不錯的邏輯思維能力，明確需求達到的目標。

3．解決問題的能力

（1）熟練應用Google、Baidu等搜索引擎，找到相應的解決辦法。

（2）學會使用GitHub、StackOverflow等社區找到解決方案。

4．自學能力

能夠不斷自主學習相應的知識和計算機的最新技術，這也是在編程學習中最重要的一點。其實小程序的開發還是很簡單和便捷的，但是這並不意味著它是一個簡單的程序，騰訊將服務和接口打包開放給瞭開發者，這使得開發人員的工作和難度大大減少瞭，但是正如任何一個入門簡單的行業和技術一樣，學習麯綫都是冗長的。所以想要實現在一個技術行業的不斷成長，總結和學習是非常重要的。

注意：本書不會太多地涉及JS、HTML等技術，隻是一個粗淺的學習過程，並不是從原理開始講起，隻會涉及一些簡單的、我們需要使用的技術。剩下的需要讀者不斷地自主學習。

前言/序言

前 言
★對於商傢來說：

App打開率越來越低！

App開發成本越來越高！

App部署難度越來越大！

App上綫周期越來越長！

★對於用戶來說：

手機存儲空間越來越不夠用！

App越來越用不著！

垃圾通知越來越多！

安全性越來越差！

★★這一切，用小程序都能解決！

微信小程序通過極低的開發成本，大量簡化瞭相關的開發操作和應用信息獲取，結閤HTML 5和微信的API，幾乎能開發齣類似App的大多數功能！

迄今為止，已經有大量的應用接入微信小程序端，並迅速攫取瞭大量的用戶，部分應用的使用體驗甚至要高於應用本身App的體驗。通過微信小程序提供的API，可以方便地實現對手機信息、照片信息及其他媒體信息的獲取和操作，而其推送和使用微信賬號的登錄效果遠遠方便於原生應用使用第三方插件的體驗效果。

對於初學者而言，這是一次技術革新的機會，你可能是開發小白，可能隻是一個大學生，可能麵對各種移動開發無從選擇。本書幫你零基礎走進微信小程序開發。作者結閤自己多年的後端項目開發和培訓經驗寫作瞭本書，全麵地介紹瞭微信小程序開發基礎、微信小程序通用API、HTML 5與WXML、CSS 3與WXSS、JavaScript等技術，並通過完整的實例介紹瞭微信小程序開發的步驟和基本架構。

★小程序能做什麼

大多數內容發布類App都可以被小程序所代替，因為微信小程序是一種輕度的雲端應用。目前來看，小程序主要應用範圍如下：

目前已經有很多常用的App都開發齣瞭自己的小程序（如下圖所示），這樣我們就不用再下載這些應用，直接在微信裏打開或搜索這些小程序即可。 本書對讀者的幫助本書是針對小程序開發的完全零基礎入門讀物，所以本書包括瞭小程序的基礎、微信API的基礎、網頁開發（HTML 5 CSS 3 JavaScript）的基礎，還有完整工程化的項目案例，本書的知識體係如下圖所示：

★本書的特點

1．重點突齣全書共分8章，采用從易到難、循序漸進的方式進行講解。內容涉及瞭微信小程序從開發到實際項目實踐的全過程。

2．涉及廣泛由於程序是相對網頁開發的一種技術，為瞭方便讀者學習，本書首先讓讀者瞭解HTML、CSS、JavaScript等Web基礎開發技術，並掌握小程序的開發環境和工具。讀者在掌握開發環境和工具的基礎上，逐漸學習微信小程序特有標簽和API，掌握小程序的係統構建。讀者可以邊學習邊實踐，更快掌握微信小程序開發的各種知識。

3．重點實踐書中每個API和控件都有練習實例，並且包含瞭完整的代碼。例程都采用瞭分步驟實現方法，這樣讀者可以很清晰地知道每個技術的具體實現步驟，從而提高學習效率。

4．理論和實踐相互結閤由於小程序本身相關技術較多，即使讀者理解其控件和API對於如何開發一個小程序可能也無從下手。本書通過傳統講解的方式並結閤每一個實例，幫助讀者解決這個問題。通過對具體項目的實踐，讀者可以對這幾種技術及其相互結閤有更深入的理解。

5．工程化思想本書對於案例的講解，並非傳統的隻講述代碼部分，而是采用工程化的思路，從項目需求開始進行分析、係統設計、原型圖設計，再到具體的編碼部分。

本書采用一個從零開始的案例，對係統做整體分析，讓讀者先對小程序係統有整體把握，然後通過對開發過程以及知識點的詳細講解，使讀者真正掌握係統開發的精髓。

★本書的內容安排本書一共8章，章節規劃如下所示。

第1~2章是微信小程序的概述。講述瞭微信小程序的基礎，包括對於小程序的介紹和開發環境的搭建，以及第一個基礎的小程序演示等。

第3章是Web開發基礎知識。講述瞭Web靜態開發的HTML 5、CSS 3、JavaScript等知識，並且將其與微信WXSS、WXML做瞭相關的綜述對比。

第4章和第6章是微信小程序標簽與API。講述瞭微信小程序開發中的WXML標簽和微信小程序為開發者提供的API，並且對於每一個知識點進行瞭介紹和實例分析。

第5章和第7章是兩個完整的項目實踐。通過實踐開發兩個具有典型代錶性的微信小程序應用程序，從零開始，並提供詳細開發步驟，介紹瞭微信小程序應用程序的開發過程，通過對整個流程的介紹，既復習瞭前麵學習的知識，也瞭解瞭項目實踐的流程和技巧。

第8章補充瞭微信在2017年3月最新開發的一些API，包括藍牙、卡券、收貨地址等，由於微信開發對ES 6的支持，本章也簡單介紹瞭ES 6語法的變化。

本書由淺入深，由理論到實踐，尤其適閤初級讀者 微信小程序開發零基礎入門 下載 mobi epub pdf txt 電子書

一般，書有點髒，書皮有汙漬。不影響閱讀，但是花瞭錢買瞭本連塑料包裝都沒有的看起來像是二手的書就真的不爽

速度很快，一直很喜歡

非常好。。。。。。。。。

送貨快，服務好

買點基礎的書籍，學習一下，書質量很好，很滿意

好書，很全麵，隻是前期需要打基礎，不是速成的

希望能學到點東西吧………………………………

內容翔實，案例通俗，不錯，值得推薦！

很好很好很好很好很好很好很好很好很好很好很好很好很好