微信小程序实战入门（第2版）

目　录
第　一章 创建项目　1
1．1　注册小程序开发者　1
1．2　安装环境　7
1．3　创建小程序　7
1．4　开发工具介绍　9
1．4．1　概览　9
1．4．2　编辑　10
1．4．3　调试　16
1．4．4　项目　20
1．4．5　运行预览　22
第二章　小程序详细介绍　23
2．1　小程序、原生App、
WebApp的区别　23
2．2　应用场景　26
2．3　全局配置（app．json）和
页面配置（*．json）　27
2．3．1　全局配置app．json
详解　27
2．3．2　页面配置（*．json）　32
2．4　小程序架构　32
2．4．1　框架介绍　32
2．4．2　逻辑层　34
2．4．3　视图层（WXML和
WXSS　介绍）　40
2．4．4　数据层　40
2．5　视图层WXML 介绍　50
2．6　视图层WXSS 介绍　63
2．7　WXML与HTML的区别　65
2．8　小程序调试、上传、发布　66
2．8．1　事前准备：Https　66
2．8．2　预览及调试　67
2．8．3　发布　69
第三章　框架组件　73
3．1　框架组件介绍　73
3．2　视图容器　76
3．2．1　view　76
3．2．2　scroll-view　96
3．2．3　swiper 与
swiper-item　100
3．2．4　movable-area与
movable-view　106
3．2．5　cover-view 与
cover-image　108
3．3　基础内容　110
3．3．1　icon　110
3．3．2　text　113
3．3．3　rich-text　116
3．3．4　progress　118
3．4　表单组件　119
3．4．1　button　119
3．4．2　checkbox与
checkbox-group　123
3．4．3　form　124
3．4．4　input　126
3．4．5　label　133
3．4．6　picker　136
3．4．7　picker-view　146
3．4．8　radio　149
3．4．9　slider　152
3．4．10　switch　153
3．4．11　textarea　156
3．5　操作反馈　160
3．5．1　action-sheet　160
3．5．2　modal　163
3．5．3　toast　165
3．5．4　loading　167
3．6　导航 （navigator）　169
3．7　媒体组件　171
3．7．1　audio　171
3．7．2　image　174
3．7．3　video　178
3．8　地图（map）　183
3．9　画布（canvas）　190
3．10　客服会话
（contact-button）　191
3．11　开放数据（open-data）　192
第四章　API　193
4．1　网络　193
4．1．1　wx．request（OBJECT）
发起请求　194
4．1．2　上传、下载　197
4．1．3　Websocket　201
4．2　媒体　205
4．2．1　图片　205
4．2．2　录音　210
4．2．3　音频播放控制　211
4．2．4　音乐播放控制　213
4．2．5　视频和视频组件控制　220
4．3　文件　224
4．4　数据缓存　229
4．5　位置　234
4．5．1　获取位置　234
4．5．2　查看位置　237
4．5．3　地图组件控制　238
4．6　设备　239
4．6．1　系统信息　239
4．6．2　网络状态　243
4．6．3　重力感应-加速度计　244
4．6．4　罗盘　245
4．6．5　拨打电话　247
4．6．6　扫码　247
4．6．7　剪贴板　248
4．6．8　蓝牙　250
4．6．9　iBeacon　264
4．6．10　屏幕亮度　267
4．6．11　用户截屏事件　269
4．6．12　震动　269
4．6．13　手机联系人　270
4．7　界面交互　272
4．7．1　交互反馈　272
4．7．2　页面导航（设置导航条、
导航）　275
4．7．3　动画　281
4．7．4　下拉刷新　285
4．7．5　位置　285
4．8　绘图　288
4．8．1　坐标系介绍
（coordinates）　289
4．8．2　绘图主接口　290
4．8．3　填充颜色、线条、阴影　293
4．8．4　渐变　294
4．8．5　线条样式　297
4．8．6　矩形　300
4．8．7　路径　302
4．8．8　变形　311
4．8．9　文字（设置字号/绘制
文本）　312
4．8．10　图片（drawImage）　314
4．8．11　全局画笔透明度
（setGlobalAlpha）　315
4．8．12　其他　316
4．9　拓展接口　317
4．10　开放接口　318
第五章　开放API　319
5．1　登录　319
5．2　签名加密　324
5．3　授权　326
5．4　用户信息　327
5．5　微信支付　329
5．6　模板消息　330
5．6．1　使用说明　330
5．6．2　接口说明　331
5．7　客服消息　335
5．7．1　接收消息和事件　335
5．7．2　发送客服消息　338
5．7．3　临时素材接口　339
5．7．4　接入指引　341
5．8　分享　343
5．9　二维码　347
5．10　收货地址　348
5．11　卡券　349
5．12　设置　351
5．13　微信运动　352
5．14　打开小程序　354
第六章　项目实战　356
6．1　仿新闻小应用　356
6．1．1　通过tabBar实现页面
之间的切换　357
6．1．2　顶部滑动菜单的实现　358
6．1．3　新闻列表的实现　361
6．1．4　首页完整代码　363
6．1．5　用户中心界面实现　369
6．1．6　用户中心界面完整
代码　372
6．2　书架功能　376
6．2．1　精彩推荐模块实现　377
6．2．2　热门书籍模块实现　377
6．2．3　精品书籍模块实现　378
6．3　录音功能　385
6．4　二维码生成器　391
6．5　图片滤镜　393
6．5．1　模糊、怀旧、复古、美白
功能的实现　394
6．5．2　饱和度、亮度、对比度
功能的实现　396
6．5．3　动态滤镜的实现　397
6．6　仿电影小应用　398
6．6．1　电影列表页面的实现　399
6．6．2　电影详情页面的实现　405
6．6．3　搜索页面的实现　408
附件1　微信小程序相关规范及常见
问题　417
附件2　资源下载　418