本书主要围绕Orange Can项目展开一系列编码工作，用几近真实的项目介绍小程序的各个API、组件用法，并附带一些小程序开发的经验、技巧以及常见的误区说明。整个Orange Can项目分为三部分：文章阅读、电影资讯以及设置。文章阅读包括文章列表、文章详情以及评论，通过编写文章阅读功能的代码，读者将学会swiper组件的裁剪模式、image组件的裁剪模式、缓存的使用技巧、列表渲染、数据绑定、模板、音乐播放、录音、分享等知识。除此之外，读者将对小程序页面的生命周期有一个大致了解。学习完这部分内容，读者将可以轻松做出一个内容型小程序应用。电影资讯功能主要介绍如何调用服务器数据及template模板的使用技巧。设置页面功能包含大量功能示例，包括获取硬件设备信息、罗盘与重力感应的应用、扫描二维码、用户登录、用户信息校验、解析用户加密数据、获取用户openId、发送模板消息、微信支付等功能。
本书还提供部分服务器的PHP代码，主要供用户登录、校验、解析加密数据、模板消息、微信支付等功能调用。
本书内容丰富、注重实战，讲解通俗易懂。适合小程序开发人员、培训机构和企业内部培训使用。

雷磊，8年研发及团队管理经验。曾就职于靠前优选的GlS公司互联网部门，任职研发经理。精通C#、Python、Java、JavaScript等语言与Web开发技术。工作之余经常撰写有关互联网技术、商业模式等文章，发表在各个TMT媒体上。微信小程序首批内测开发者，知乎专栏”小楼昨夜又秋风”作者。

章微信小程序简介
1.1什么是微信小程序
1.2什么类型的应用适合用小程序开发
1.3小程序与原生App（iOS、Android）的优劣对比
1.4小程序会淘汰原生App吗
1.5Web前端的未来
1.6Web前端开发者与小程序
1.7MINA框架与微信小程序
1.8微信小程序beta测试版
第2章小程序环境搭建与开发工具介绍
2.1微信Web开发者工具下载及安装
2.2新建个项目
2.3微信Web开发者工具界面功能介绍
2.3.1编辑选项卡
2.3.2调试选项卡
2.3.3项目选项卡
2.3.4编译选项
2.3.5后台选项
2.3.6缓存选项
2.3.7关闭选项
2.3.8快速打开官方API文档
2.3.9开发工具的更新
2.3.10常用小程序快捷键
第3章从个简单的“Welcome”页面开始小程序之旅
3.1认识小程序的基本文件结构
3.2开始动手编写个小程序页面
3.3构建welcome页面的元素和样式
3.4小程序所支持的CSS选择器
3.5Flex布局
3.6小程序自适应单位rpx简介
3.7全局样式文件app.wxss
3.8页面的根元素page
3.9app.json中的window配置项
第4章文章列表页面
4.1文章列表页面元素分析及准备工作
4.2swiper组件
4.3Boolean值的陷阱
4.4构建文章列表的骨架和样式
4.5image组件的4种缩放模式与9种裁剪模式
4.5.1scaleToFill
4.5.2aspectFit
4.5.3aspectFill
4.5.4widthFix
4.5.5种裁剪模式
4.6完成静态文章列表
4.7.js文件的代码结构与Page页面的生命周期
4.8数据绑定
4.8.1初始化数据绑定
4.8.2在哪里可以查看数据绑定对象
4.8.3绑定复杂对象
4.8.4数据绑定更新
4.9列表渲染wx:for
4.10配置单个页面导航栏背景色
4.11从欢迎页面跳转到文章页面
4.11.1事件
4.11.2redirectTo与navigateTo
4.11.3小程序多只能有5层页面
4.11.4冒泡事件与非冒泡事件
第5章模块、模板与缓存
5.1将文章数据从业务中分离
5.2小程序的模块
5.3小程序的模板化
5.4消除template模板对外部变量名的依赖
5.5include与import引用模板的区别
5.6CSS的模块化
5.7令人遗憾的模板化而非组件化
5.8使用缓存在本地模拟服务器数据库
5.8.1应用程序的生命周期
5.8.2使用Storage缓存初始化本地数据库
5.8.3缓存的强制清理及注意事项
5.9编写缓存数据库操作类
5.10使用缓存数据库操作类
5.11使用ES6改写缓存操作类
5.12完善文章数据
5.13完整的data.js数据
第6章文章详情页面
6.1跳转到文章详情页面
6.2不要在template上注册事件
6.3页面间传递参数的3种方式
6.3.1组件的自定义属性
6.3.2通过dataset获取组件自定义属性
6.3.3获取页面参数值
6.4编译时设置初始化页面及参数
6.5读取文章详情数据
6.6文章id号的数据流向图
6.7编写文章详情页面
6.8垂直居中问题的经典解决方法
6.9动态设置导航栏标题
6.9.1使用配置文件配置导航栏标题
6.9.2使用wx.setNavigationBarTitle(OBJECT)设置导航条
第7章收藏、评论、点赞与计数功能
7.1收藏、评论、点赞、计数功能准备工作
7.2文章收藏功能
7.2.1条件渲染：wx:if与wx:else
7.2.2实现收藏点击功能
7.2.3交互反馈wx:showToast
7.3文章点赞功能
7.4本地缓存的重要性及应用举例
7.5支持文字、图片、拍照、语音上传的文章评论
7.6文章评论页面的实现步骤与思路
7.7获取并绑定文章评论数据
7.8显示文章评论数据
7.9实现图片预览
7.10实现提交评论的界面
7.11wx:if与hidden控制元素显示和隐藏
7.12实现文字评论框和语音评论框的切换
7.13input组件
7.14bindinput事件
7.15屏蔽评论关键字
7.16实现自定义发送按钮
7.17同时支持模拟器回车、真机点击“完成”发送评论
7.18图片与拍照评论的界面实现
7.19实现从相册选择照片与拍照
7.20icon图片
7.21删除已选择的图片
7.22在小程序中使用CSS动画
7.23实现图片评论的发送
7.24实现语音消息的发送
7.25实现语音消息的暂停与播放
7.26用户授权
7.27解决真机运行时评论页面滑动卡顿的问题
7.28文章阅读计数功能
第8章背景音乐播放
8.1显示音乐播放图标
8.2切换音乐播放图标
8.3背景音乐播放的特点
8.4实现单页面背景音乐播放
8.5监听音乐播放
8.6全局变量与全局音乐播放
8.7音乐总控开关
8.8显示音乐的封面图片
第9章丰富文章页面
9.1将页面分享给朋友和微信群
9.2从swiper组件跳转到文章详情页面
9.3使用小程序动画实现点赞特效
0章电影
10.1小程序的tab选项卡
10.2电影页面介绍
10.3编写豆瓣星星评分组件：stars-tpl模板
10.4编写movie-tpl模板
10.5编写movie-list-tpl模板
10.6电影首页的骨架与样式
10.7豆瓣电影API分析
10.8电影首页的js编写
10.9wx.request发送http/https请求
10.10设置wx.request的超时时间
10.11处理返回的电影数据
10.12绑定处理后的电影数据
10.13http和https在小程序中的使用说明
10.14跳转到更多电影页面
10.15编写movie-grid-tpl模板
10.16编写“更多电影”页面
10.17实现页面下拉刷新的“三部曲”
10.18在模拟器中可执行下拉刷新但在真机中无法执行下拉刷新的常见错误
10.19json中的backgroundColor配置的是哪里的颜色
10.20实现上滑加载更多数据
10.21动态设置导航栏loading图标
10.22电影搜索
10.23电影详情页面
10.24电影详情页面的骨架和样式
10.25编写电影详情页面的业务逻辑代码
10.26预览电影海报
10.27设置电影页面的导航栏标题
1章设置
11.1设置页面
11.2获取用户基本信息
11.3数据缓存的异步操作
11.4获取系统信息
11.5获取网络状态
11.6获取当前位置信息与当前速度信息
11.7使用微信内置地图查看位置信息
11.8监听罗盘数据制作一个简易指南针
11.9在小程序中实现摇一摇
11.10扫码
11.11获取小程序页面二维码
11.12下载并预览pdf、word等多种类型文档
2章开放接口
12.1准备工作
12.2用户登录
12.3用户信息校验
12.4解析用户加密数据获取openId及UnionId
12.5模板消息
12.6form表单及picker组件
12.7发送模板消息
12.8微信支付
12.9真实的微信小程序登录状态维护
3章杂项
13.1wx:key
13.2scroll-view组件：在js中控制滚动条
13.3深入理解小程序的单向数据绑定机制
13.4深入理解scroll-view组件的bindscrolltolower、lower-threshold属性
13.5微信小程序发布流程