目 录
第一章 创建项目 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
鄂公网安备 42010302001612号 