本书介绍了微信小程序常用组件的使用、常用API的使用、事件的监听和处理、数据的交互与处理等，并提供了多个实战项目的开发和讲解，使读者能够快速学习微信小程序的知识点、开发流程、项目结构、开发思路，熟练使用微信小程序开发工具的各个功能面板。本书适合零基础的开发人员，以及想要学习微信小程序开发的其他从业人员。

凝聚10年编程经验，4年小程序开发经验，
让你成为小程序高手
100多个实例，6个综合案例，130多张图片，解决各种编程问题

◎ 新闻阅读
◎ 单车共享
◎ 视频快讯
◎ 云音乐
◎ 商城购物
◎ 外卖配送

　　微信小程序2016年由微信创始人张小龙提出，2017年第一批微信小程序正式上线。随着互联网的高速发展以及微信小程序“用完即走”的良好用户体验，微信小程序迅速发展、聚集了大量的用户和开发者。越来越多的人想要开发一款属于自己的微信小程序，微信小程序开发者也成为稀缺人才，很多相关人员和零基础人员也想快速踏入微信小程序的行列。本书将帮助你快速掌握微信小程序的开发知识点，通过实战项目，快速掌握微信小程序开发。
　　本书从微信小程序的结构及其常用的API开始，讲解了微信开发工具各面板的功能和使用、常用框架的搭建、UI组件的功能和使用、API的使用、事件的监听和处理、数据的交互和处理等知识点。书中包含大量的实战项目，方便读者更快地掌握微信小程序的知识运用、项目接口和各种功能模块的编写思路。
　　因作者水平和成书时间有限，书中难免有疏漏和不当之处，敬请指正。
本书特色
　　1.内容覆盖全面
　　本书涵盖了微信小程序前端开发的相关技术，从微信的页面功能和框架讲起，介绍了微信小程序的数据展示处理、事件处理、UI组件的功能和使用、API的使用等，并在之后的实战项目中进行综合应用，由浅入深，从初步学习到彻底掌握，让初学者一步一步地快速掌握微信小程序开发。
　　2.大量实战项目
　　本书涵盖了大量不同类型的实战项目以及多个Demo，以便读者根据项目的难易程度，由易到难地进行全方位的综合练习。从项目开发的角度，引导初学者快速掌握微信小程序开发的思考方式和相关知识点的使用技巧，掌握框架的搭建以及项目的调试。
　　3.讲解循序渐进
　　本书根据微信小程序的知识点进行了整体梳理，然后拆分出项目结构、数据处理、事件处理、UI组件和API使用，分步骤、分模块地进行讲解，最后通过由易到难的项目进行综合练习，方便初学者快速理解、掌握。
　　4.配有视频讲解
　　为了提高学习效果，作者针对书中内容专门录制了大量视频（见华章官网），供读者快速掌握案例开发，加快学习进度。
　　5.读者交流学习
　　读者可以加入QQ群——21948169，群内有众多编程爱好者，大家可以在里面讨论问题、分享经验、结交朋友，一起更快更好地学习。
本书内容及体系结构
　　本书分为两篇。第一篇为基础知识，包括第1～4章。
　　第1章主要介绍微信小程序的发展历程以及开发微信小程序需要哪些准备工作。通过创建“Hello World”项目让读者掌握微信小程序的项目创建和管理，以及开发工具各功能面板的使用。
　　第2章主要讲解微信小程序的项目配置、各文件的功能和使用。读者可以了解数据展示和事件处理的方法，掌握微信小程序和各个页面的生命周期，并且通过通信录项目了解循环数据的搭建和模板的使用。
　　第3章主要介绍微信小程序中常用的UI组件的功能和使用，并且通过计算器项目让读者了解控件的使用、事件的响应和数据的展示处理。
　　第4章分类介绍微信小程序提供的API及其使用，通过九宫格选图项目，让读者掌握API的使用以及控件的摆放。
　　第二篇为实战案例，包括第5～10章，通过实战项目帮助读者掌握微信小程序开发，巩固前面所学的知识。
　　第5章通过新闻阅读项目，让读者掌握使用tabBar进行结构搭建，掌握滚动视图的使用、数据的获取和处理、用户信息的获取以及对项目UI控件的排列和使用。
　　第6章通过单车共享项目，让读者掌握地图API的综合使用、项目框架的搭建，以及API的使用。
　　第7章通过视频快讯项目，让读者掌握tabBar项目的结构搭建、滚动视图的使用、重复样式的代码抽取，熟悉项目开发的流程。
　　第8章通过云音乐项目，让读者学会使用音乐播放API、自定义音乐播放控件、了解页面之间的跳转逻辑、掌握项目UI控件的排列和使用、熟悉项目开发的流程。
　　第9章通过对商城购物的讲解，让读者能够根据整体项目代码的逻辑进行拆分，学会调试项目。
　　第10章通过对外卖配送的讲解，让读者加深对整体项目代码的拆分思路的理解，学习如何对功能页面搭建框架，以及如何调试项目。
读者对象
* 微信小程序开发人员
* 前端设计工程师
* JavaScript程序员
* 互联网创业人员
* 移动端程序员

计算机\程序设计

零门槛学习，没有任何基础即可轻松掌握。
给出了编程经验、编程陷阱、编程技巧和编程谬误。
源代码提供了详细的注释，阅读起来无障碍。
提供了媒体教学视频，学习效果更好。
每个知识点都对应相应的实例讲解，容易理解。
提供了上机实践练习和常见面试题及解答。
提供了典型案例帮助读者提高开发水平。
提供了专门的售后服务QQ群：21948169。

岂超凡 著：岂超凡，大乘科技高级前端开发工程师，拼住联盟社区创始人，拥有5年前端软件开发经验。在移动开发领域，他先后在天绘北斗、大乘科技等公司从事前端高级开发工作，对客户端软件进行了架构搭建、改良等工作，开发了短报文用户聊天系统。2018年，他创立了“拼住联盟”微信小程序，用户累计10万，日活跃量过千。

前言
第一篇　基础知识
第1章　认识微信小程序 1
1.1　微信小程序介绍 1
1.1.1　什么是微信小程序 1
1.1.2　微信小程序的发展历史 1
1.1.3　微信小程序的功能和应用场景 2
1.2　微信小程序开发准备 2
1.2.1　基础准备 2
1.2.2　开发准备 5
1.3　微信小程序开发工具介绍 6
1.3.1　项目创建 6
1.3.2　项目删除 8
1.3.3　开发工具界面介绍 8
1.3.4　项目调试介绍 9
1.4　项目实战：“Hello World”项目 12
1.5　本章小结 12
第2章　微信小程序项目结构配置 13
2.1　文件介绍 13
2.1.1　.wxml后缀的结构文件 13
2.1.2　.wxss后缀的样式文件 13
2.1.3　.js后缀的逻辑文件 13
2.1.4　.json后缀的配置文件 14
2.1.5　项目结构推荐配置 14
2.2　微信小程序配置 15
2.2.1　样式配置 15
2.2.2　其他配置 17
2.2.3　页面配置 17
2.3　生命周期函数 18
2.3.1　小程序的生命周期函数 19
2.3.2　各页面的生命周期函数 19
2.4　数据渲染 19
2.4.1　数据绑定 19
2.4.2　条件渲染 20
2.4.3　列表渲染 20
2.5　事件 21
2.6　模板使用 22
2.7　引用 23
2.8　项目实战：通信录 23
2.9　本章小结 25
第3章　微信小程序UI组件 27
3.1　基础视图组件 27
3.1.1　view视图容器 27
3.1.2　scroll-view滚动视图容器 28
3.1.3　image图片容器 30
3.1.4　text文本组件 32
3.1.5　cover-view覆盖视图容器 32
3.1.6　cover-image覆盖图片容器 32
3.1.7　icon图标组件 32
3.2　高级视图组件 33
3.2.1　swiper轮播容器 33
3.2.2　progress进度条组件 35
3.2.3　slider滑动选择器组件 36
3.2.4　switch开关组件 37
3.2.5　map地图组件 38
3.3　表单组件 42
3.3.1　form表单组件 42
3.3.2　button按钮组件 43
3.3.3　checkbox多选项组件 44
3.3.4　radio单选项组件 45
3.3.5　label扩展组件 46
3.3.6　input输入框组件 47
3.3.7　textarea多行输入框组件 49
3.3.8　picker滚动选择器组件 50
3.3.9　picker-view嵌入式滚动选择器组件 56
3.4　媒体组件 58
3.4.1　camera相机组件 59
3.4.2　audio音频组件 60
3.4.3　video视频组件 61
3.5　画布组件canvas 64
3.6　项目实战：计算器 65
3.7　本章小结 73
第4章　微信小程序API 74
4.1　页面导航 74
4.1.1　wx.navigateTo 74
4.1.2　wx.navigateBack 75
4.1.3　wx.switchTab 75
4.1.4　wx.redirectTo 75
4.1.5　wx.reLaunch 76
4.2　网络请求 76
4.2.1　发送网络请求 76
4.2.2　文件的上传、下载 77
4.3　文件的操作 79
4.3.1　文件保存与打开 79
4.3.2　文件信息获取 80
4.3.3　文件管理者 81
4.4　图片的操作 81
4.4.1　图片选择 81
4.4.2　图片预览 82
4.4.3　图片信息获取 83
4.4.4　图片保存 83
4.5　交互反馈 84
4.5.1　消息提示框 84
4.5.2　加载提示框 85
4.5.3　模态弹窗 86
4.5.4　下弹操作菜单 86
4.6　获取用户信息 87
4.6.1　用户登录 87
4.6.2　用户信息 88
4.6.3　用户位置 90
4.6.4　用户授权 91
4.7　设备信息API 92
4.7.1　获取设备信息 92
4.7.2　屏幕亮度 93
4.7.3　获取设备电量 93
4.7.4　设备剪切板 94
4.7.5　设备方向 94
4.7.6　设备网络 95
4.7.7　拨打电话 96
4.7.8　扫描二维码 96
4.8　其他常用的API 97
4.8.1　微信支付 97
4.8.2　转发 98
4.8.3　下拉刷新 99
4.9　数据缓存 100
4.10　项目实战：九宫格选图 101
4.11　本章小结 107
第二篇　实战案例
第5章　新闻阅读 109
5.1　需求描述 109
5.2　设计思路 109
5.2.1　首页描述 109
5.2.2　视频页描述 109
5.2.3　我的描述 110
5.3　准备工作 111
5.4　页面搭建 113
5.4.1　首页页面搭建 113
5.4.2　视频页面搭建 117
5.4.3　我的页面搭建 120
5.5　逻辑搭建 120
5.5.1　首页逻辑 120
5.5.2　视频逻辑 123
5.5.3　我的逻辑 125
5.6　项目小结 125
第6章　单车共享 126
6.1　需求描述 126
6.2　设计思路 126
6.2.1　首页描述 126
6.2.2　故障申报描述 127
6.2.3　我的描述 127
6.3　准备工作 128
6.4　页面搭建 129
6.4.1　首页页面搭建 129
6.4.2　我的页面搭建 132
6.4.3　报修页面搭建 135
6.5　逻辑搭建 140
6.5.1　页面跳转逻辑 140
6.5.2　首页逻辑 141
6.5.3　车辆故障逻辑 143
6.6　数据获取 148
6.7　项目小结 149
第7章　视频快讯 151
7.1　需求描述 151
7.2　设计思路 151
7.2.1　首页描述 151
7.2.2　短视频描述 151
7.2.3　频道描述 151
7.2.4　我的描述 153
7.3　准备工作 154
7.4　页面搭建 155
7.4.1　首页页面搭建 156
7.4.2　短视频页面搭建 160
7.4.3　频道页面搭建 165
7.4.4　我的页面搭建 169
7.5　逻辑搭建 172
7.5.1　首页逻辑 173
7.5.2　短视频逻辑 174
7.5.3　频道逻辑 176
7.5.4　我的逻辑 177
7.6　项目优化 179
7.7　项目小结 181
第8章　云音乐 182
8.1　需求描述 182
8.2　设计思路 182
8.2.1　发现描述 182
8.2.2　我的描述 182
8.2.3　私人FM描述 183
8.2.4　每日推荐描述 183
8.2.5　歌单描述 183
8.2.6　排行榜描述 183
8.2.7　歌单列表描述 185
8.2.8　音频播放描述 185
8.3　准备工作 186
8.4　页面搭建 188
8.4.1　发现页面搭建 188
8.4.2　我的页面搭建 201
8.4.3　私人FM页面搭建 203
8.4.4　每日推荐页面搭建 205
8.4.5　歌单页面搭建 209
8.4.6　排行榜页面搭建 212
8.4.7　歌单列表页面搭建 214
8.4.8　音频播放页面搭建 219
8.5　逻辑搭建 221
8.5.1　发现逻辑 223
8.5.2　每日推荐逻辑 228
8.5.3　歌单逻辑 230
8.5.4　排行榜逻辑 231
8.5.5　歌单列表逻辑 233
8.5.6　音频播放逻辑 235
8.6　项目小结 239
第9章　商城购物 240
9.1　需求描述 240
9.2　设计思路 240
9.2.1　首页描述 240
9.2.2　分类描述 240
9.2.3　购物车描述 240
9.2.4　我的未登录描述 241
9.3　准备工作 243
9.4　页面搭建 244
9.4.1　首页页面搭建 244
9.4.2　分类页面搭建 250
9.4.3　购物车页面搭建 254
9.4.4　我的未登录页面搭建 259
9.5　逻辑搭建 264
9.5.1　首页逻辑 264
9.5.2　分类逻辑 266
9.5.3　我的未登录逻辑 267
9.5.4　购物车逻辑 269
9.6　项目小结 275
第10章　外卖配送 276
10.1　需求描述 276
10.2　设计思路 276
10.2.1　首页描述 276
10.2.2　大类型描述 276
10.2.3　为你优选描述 277
10.2.4　商铺详情描述 277
10.3　准备工作 278
10.4　页面搭建 279
10.4.1　首页页面搭建 280
10.4.2　大类型页面搭建 291
10.4.3　为你优选页面搭建 295
10.4.4　商铺详情页面搭建 297
10.5　逻辑搭建 311
10.5.1　首页逻辑 311
10.5.2　大类型逻辑 315
10.5.3　为你优选逻辑 318
10.5.4　商铺详情逻辑 319
10.6　项目小结 325