电子工业出版社-网上书店

本书从零开始介绍微信小程序开发，主要内容包括微信小程序介绍、微信小程序开发环境介绍、JavaScript语法、WXML和WXSS语法、小程序开发基础、FlexBox布局、组件的开发应用、API接口、组件进阶、发布微信小程序，最后还包括一个音乐播放器案例。本书内容深入浅出，适合零基础，爱好微信小程序开发的读者以及有一定软件开发经验的读者。

第一部分认识微信小程序
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

推荐序
依稀记得是在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 开发人员。
? 有编程经验想转行做微信小程序的开发人员。
? 计算机专业的学生。

代码下载
本书配套源代码的下载地址：https://pan.baidu.com/s/1nvyjsQt；密码：wqtr，若下载有问题或有什么疑问，欢迎发邮件到：yll@520wcf.com 或verobook@163.com。

致谢
感谢微信团队，创造了这一伟大的产品。
感谢电子工业出版社，审校此书，以及为本书能够快速出版而付出的巨大努力。
感谢方立勋老师，在百忙之中为本书题序，帮助我们完善本书。
感谢徐明华老师，在百忙之中给予指导和支持。
感谢工作和生活中帮助过我们的所有人，有你们的鼓励和支持才有本书的面世，谢
谢你们。
欢迎访问作者的博客（http://520wcf.com）和公众号。
作者

微信小程序

于连林，CSDN博客专家，从事Android开发和教育多年，做过很多个项目,包括办公类,O2O等类型,曾在培训机构从事Android教育，有上千课时讲课经验,收到过许多好评。__eol__

?从零开始打造自己的微信小程序，创建一种全新的连接用户与服务的方式__eol__?详细介绍使用JavaScript、WXML与Flexbox综合开发微信小程序__eol__?由浅入深，全面详细地为初学者提供开发指导，为开发者答疑解惑__eol__?让初学者轻松读懂代码__eol__

本书配套资源下载

对不起，暂无音视频资源！

实战微信小程序：JavaScript、WXML与Flexbox综合开发