本书全面介绍微信小程序的开发思路、技术、工具与案例，涉及小程序开发的方方面面。主要内容包括：前端开发基础、小程序开发基础、小程序组件、AIP详解、实例分析等。本书内容丰富、讲解细腻、实用性强，可帮助读者快速入门小程序开发。

自2016年9月21日微信小程序公布以来，微信技术群中关于小程序的讨论就没间断过，这是又一次创业的好机会，尤其是对中小企业扩大网络影响力很有利。我们在抓紧时间学习小程序的过程中，总结并实践了小程序的功能，并希望通过这本书传达给广大的读者。我们在编写过程中正临电商行业中最忙的几个月，双11、双12、圣诞节、元旦节等需求已经堆叠如山，我和边思白天处理公司需求，晚上编写书籍，几乎没有周末，这样坚持了几个月终于完成本书，直至交稿时才如释重负。
小程序刚发布不久，很多功能都还在不断更新中，本书内容在官方文档基础上进行补充说明，并给出实践案例，尝试给出现阶段尽可能完善的开发模式，适合小程序初学者入门。在小程序的学习过程中，我们做过很多尝试，这里我们仅仅提出了自己的一些实现方案和观点供大家参考。小程序整体推动还需要更多开发者参与，小程序还未正式公布前，便有很多公司及个人针对小程序研发过程中的痛点推出了各类三方框架，希望阅读本书后，大家也能提出自己的想法，积极参与小程序相关话题讨论，推动小程序研发方案优化与普及。
本书内容和组织结构
本书内容大致可分为三部分。
第一部分为基础部分，共3章，主要介绍小程序开发的基础知识。
第1章介绍微信小程序环境搭建、运行第一个小程序demo。
第2章介绍小程序核心知识，包括整体框架运行原理、规则，每个文件的作用，以及WXML与WXSS。
第3章介绍CSS布局基础，讲解了盒子模型、浮动、定位以及Flex布局。
第二部分为组件和API，共2章，主要讲解小程序组件、API相关知识。
第4章介绍小程序组件相关知识，主要内容包括视图容器、基础组件、表单组件、导航、媒体组件、地图、画布等。
第5章介绍小程序API相关知识，主要内容包括网络、媒体、文件、数据缓存、位置、设备、界面、开放接口等。
第三部分为案例实践，共5章，通过实际案例介绍如何开发小程序应用，包括一些思路和框架，以及部分代码和实现技巧。
第6章介绍如何开发豆瓣电影小程序，主要讲解一个最简单小程序的代码结构。
第7章介绍如何开发驾考小程序，主要讲解如何利用第三方API创建小程序引用。
第8章介绍如何开发打赏小程序，主要讲解小程序支付流程。
第9章介绍如何开发日程表小程序。
第10章介绍如何开发多点商城，主要讲解如何架构一个复杂小程序项目。
本书包含的所有案例代码可以到https://github.com/wxapp-book下载。本书创作时间较短，如有疏漏，恳请各位读者斧正。
致谢
在这里感谢那些一直支持我们的人，感谢韩鑫、杨凯等公司领导对本书写作的支持，让我能空出时间投入到书籍编写，感谢吴怡编辑的辛勤工作，感谢龙伟湖对本书案例UI设计的友情支持，感谢杨帆、王庆平、许彬、张磊、范彩霞等同事在工作期间对我的各种支持，感谢罗东、杨小英等同事在这段时间为我分担工作，谢谢大家，正是因为你们的支持，才有了本书的面世。
最后特别感谢我的爱人张舒，一直相信我、支持我，一直为我默默付出，让我能全身心投入到工作中。

李骏
2016年12月

近几年大前端技术飞速发展，2015年Facebook推出React Native以来，Native与HTML 5之间的界线已变得越来越模糊，而小程序的强势来袭更是推动这类技术在实际商业场景中的应用。本书将带领读者快速入门，掌握小程序开发技巧，一起加入小程序研发与探讨中。
——王楠，百度高级经理
小程序是非常棒的一款产品，它将跨平台研发技术与微信业务进行完美的融合，让开发者在微信环境中轻松开发出媲美原生体验的应用。大浪袭来时，卓立潮头的永远是认准风口的少数人。
——刘通，阿里技术专家
移动端和前端技术体系的融合已成为未来大趋势，小程序的横空出世无疑对这类技术在商业上的应用起到催化剂作用。本书在第一时间给出小程序实践思路，让初学者能快速入门，推荐大家仔细阅读，认真实践。
——王幸，阿里技术专家
小程序是可以轻松使用的跨平台技术，用炙手可热的前端技能开发出接近原生性能的应用。从此，你只需要专心构建功能或者服务，无需开发App，就可以令体验深入人心。通过作者用心写下的这本书，加入到连接人和微信的狂欢中来吧！
——陶铖，腾讯高级前端工程师
不输原生的用户体验，轻松的开发者接入方式，更好的应用平台——与React Native相比，小程序借助于微信，相信将带来一场应用开发的变革。现在，这本书将带你参与到这场变革中，赶快加入吧！
——杨帆，多点总监
小程序是技术驱动业务的典范，它利用类似React Native、Weex等大前端渲染技术，完美解决了开发者业务接入的体验问题，这不禁让每一位技术从业者感到兴奋、自豪。本书第一时间给予最佳实践案例及学习思路，定能让读者受益匪浅。
——刘鹏，京东高级工程师
能在第一时间看到好友的书，感觉是如此的亲切，作为一个互联网老兵，能感到作者这么多年来在前端技术领域的坚持与执着。本书内容浅显易懂，有前端基础的同学能很快入门，希望能对小程序感兴趣的开发者带来一些帮助。
——李帅，U家工厂CEO

计算机\程序设计

本书作者从实践角度分析小程序研发技术并给出实践案例，让大家在最短时间掌握小程序研发技术，帮助大家抢占入口中的入口。
——韩笑跃，京东商城技术总监
本书将带领读者快速入门，掌握小程序开发技巧，一起加入小程序的研发与探讨。
-- 王楠,百度高级经理

小程序是非常棒的一款产品，它将跨平台研发技术与微信业务进行完美的融合，让开发者在微信环境中轻松开发出媲美原生体验的应用。
-- 刘通,阿里技术专家

本书在第一时间给出小程序实践思路，让初学者能快速入门，推荐大家仔细阅读，认真实践。
-- 王幸,阿里技术专家

通过作者用心写下的这本书，就可以加入到连接人和微信的狂欢中来。
-- 陶铖,腾讯高级前端工程师

小程序将带来一场应用开发的变革。现在，这本书将带你参与到这场变革中，赶快加入吧！
-- 杨帆,多点总监

本书第一时间给予最佳实践案例及学习小程序的思路，定能让读者受益匪浅。
-- 刘鹏,京东高级工程师

作为一个互联网老兵，能感到作者这么多年来在前端技术领域的坚持与执着，本书内容浅显易懂，有前端基础的同学能很快入门。
-- 李帅,U家工厂CEO

李骏 边思　编著：暂无简介

对本书的赞誉
序　一
序　二
前　言
第1章　初识小程序　　1
1.1　简介　　1
1.2　接入流程　　2
1.2.1　注册小程序帐号　　2
1.2.2　开发环境准备　　4
1.3　第一个小程序　　6
1.4　小结　　10
第2章　小程序开发核心　　11
2.1　简介　　11
2.2　“徒手”创建小程序　　12
2.3　框架主体文件　　15
2.3.1　配置文件（app.json）　　15
2.3.2　小程序逻辑（app.js）　　19
2.3.3　全局样式（app.wxss）　　20
2.4　框架页面文件　　21
2.4.1　页面配置文件　　21
2.4.2　页面逻辑文件（JavaScript）　　21
2.4.3　页面结构文件（WXML）　　27
2.4.4　页面样式文件（WXSS）　　43
2.5　模块化　　46
2.5.1　模块化简介　　46
2.5.2　文件作用域　　47
2.5.3　模块的使用　　47
2.5.4　其他　　48
2.6　小结　　49
第3章　布局　　50
3.1　基本知识　　50
3.1.1　盒子模型　　50
3.1.2　块级元素　　51
3.1.3　行内元素　　52
3.1.4　行内块元素　　54
3.2　浮动和定位　　54
3.2.1　浮动　　54
3.2.2　定位　　58
3.3　Flex布局　　59
3.3.1　基本概念　　59
3.3.2　容器属性　　60
3.3.3　项目属性　　64
3.4　小结　　68
第4章　组件　　69
4.1　组件定义及属性　　69
4.2　视图容器　　70
4.2.1　view组件　　71
4.2.2　scroll-view组件　　72
4.2.3　滑块视图组件　　74
4.3　基础组件　　77
4.3.1　icon　　77
4.3.2　text组件　　81
4.3.3　progress组件　　82
4.4　表单组件　　82
4.4.1　radio组件　　83
4.4.2　checkbox组件　　84
4.4.3　switch组件　　86
4.4.4　label组件　　87
4.4.5　slider组件　　89
4.4.6　picker组件　　91
4.4.7　picker-view组件　　95
4.4.8　input组件　　97
4.4.9　textarea组件　　99
4.4.10　button组件　　101
4.4.11　form组件　　102
4.5　导航组件　　105
4.6　媒体组件　　107
4.6.1　image　　107
4.6.2　audio　　110
4.6.3　video　　112
4.7　地图组件　　114
4.8　画布组件　　117
4.9　客服会话　　119
4.10　小结　　119
第5章　API　　120
5.1　网络　　121
5.1.1　发起HTTPS请求　　121
5.1.2　上传、下载　　122
5.1.3　WebSocket　　124
5.2　媒体　　127
5.2.1　图片　　127
5.2.2　录音　　128
5.2.3　音频播放控制　　129
5.2.4　音乐播放控制　　130
5.2.5　音频组件控制　　134
5.2.6　视频　　135
5.2.7　视频组件控制　　136
5.3　文件　　137
5.4　数据缓存　　139
5.4.1　保存数据　　140
5.4.2　获取数据　　140
5.4.3　获取本地数据信息　　141
5.4.4　删除数据　　141
5.4.5　清空数据　　142
5.5　位置　　142
5.5.1　获取位置　　142
5.5.2　选择位置　　143
5.5.3　查看位置　　144
5.5.4　地图组件控制　　144
5.6　设备　　145
5.6.1　系统信息　　145
5.6.2　网络状态　　146
5.6.3　重力感应　　146
5.6.4　罗盘　　147
5.6.5　拨打电话　　147
5.6.6　扫码　　147
5.7　界面　　148
5.7.1　交互反馈　　148
5.7.2　设置导航条　　149
5.7.3　导航　　150
5.7.4　动画　　152
5.7.5　绘图　　 156
5.7.6　下拉刷新　　172
5.8　开放接口　　173
5.8.1　登录　　173
5.8.2　用户信息　　175
5.8.3　微信支付　　176
5.8.4　模板消息　　 176
5.8.5　客服消息　　181
5.8.6　分享　　188
5.8.7　获取二维码　　189
5.9　小结　　189
第6章　案例分析——豆瓣电影　　190
6.1　准备工作　　190
6.1.1　豆瓣API　　190
6.1.2　跳转层　　192
6.2　技术架构　　193
6.3　公共模块开发　　195
6.3.1　业务逻辑层　　195
6.3.2　公共模块　　196
6.4　页面构建　　197
6.4.1　首页　　197
6.4.2　详情页　　199
6.5　页面逻辑开发　　201
6.5.1　首页　　201
6.5.2　详情页　　203
6.6　小结　　204
第7章　案例分析——驾考　　205
7.1　业务流程　　205
7.2　项目架构　　206
7.2.1　功能点分析　　206
7.2.2　项目结构图　　207
7.2.3　数据接口　　208
7.3　代码分析　　210
7.3.1　小程序底层代码封装　　210
7.3.2　首页　　212
7.3.3　答题页　　213
7.3.4　答题结果页　　225
7.4　小结　　227
第8章　案例分析——打赏　　228
8.1　登录　　228
8.1.1　登录流程　　228
8.1.2　源码讲解　　230
8.2　支付　　237
8.3　小结　　241
第9章　案例分析——日程表　　243
9.1　业务流程　　243
9.2　项目架构　　245
9.2.1　功能点分析　　245
9.2.2　项目结构图　　245
9.3　代码分析　　246
9.3.1　日程详情页　　246
9.3.2　首页　　251
9.3.3　日程管理页　　257
9.4　小结　　263
第10章　案例分析——多点商城　　264
10.1　需求分析　　264
10.2　技术架构　　267
10.2.1　主界面架构　　267
10.2.2　业务逻辑层　　268
10.2.3　代理网络请求接口　　271
10.2.4　本地模拟接口数据　　273
10.2.5　widgets　　273
10.2.6　全局样式控制　　275
10.3　页面实现　　276
10.3.1　主界面实现　　276
10.3.2　首页与活动页　　279
10.3.3　分类页与搜索页　　283
10.3.4　支付流程　　286
10.3.5　其他页面　　287
10.4　小结　　287