第一章 创建项目 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 WXM L与HTM L的区别 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.1wx.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.9iBeacon 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 图片（drawlmage） 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