本书提供了微信小程序开发推荐的100 个Tip 和一个完整的电商案例京东购物微信小程序，100 个Tip分为四类：关于微信小程序的框架及工具16 个Tip、关于微信小程序丰富的组件24 个Tip、关于微信小程序推荐API 技能50 个Tip、关于微信小程序不错交互设计10 个Tip，每一个Tip 都会有详细的介绍和相关的示例，方便开发人员快速学习这些Tip，同时也可以作为工具书指南进行查询，应用到哪个知识点可以到这里快速的查询进行使用。京东购物微信小程序是综合应用这些Tip，将这些Tip 综合应用到实际项目开发过程中。通过学习100 个Tip 和项目案例，让读者全面、深入、透彻地理解微信小程序开发，提高微信小程序开发能力和项目实战能力。

刘刚，曾就职于中国擎天软件科技集团有限公司，现就职于航天四创科技有限公司，专心致力于软件项目研发、设计和管理，有丰富项目研发、设计和管理经验丰富；负责纪检监察廉政监督监管平台、国家邮政局项目、政务大数据项目、中施企协项目等的设计开发和项目管理工作；同时在教育教学方面有丰富的授课经验，教授Axure、用户体验、软件重构、项目经理等等方面的课程。

章微信小程序的框架及工具.1
1.1app.json配置.1
1.1.1决定页面文件路径.2
1.1.2配置窗口表现.3
1.1.3配置tab标签导航.5
1.1.4设置网络超时时间.8
1.1.5配置debug模式.9
1.2App()函数使用.10
1.3Page()函数使用.12
1.3.1初始化数据.13
1.3.2生命周期函数.13
1.3.3相关事件函数.14
1.4数据绑定.14
1.5wx:if条件判断.15
1.6wx:for列表渲染.16
1.7定义和使用模板.17
1.8import引用模板.18
1.9include引用文件.19
1.10Console面板.20
1.11Sources面板.21
1.12Network面板.22
1.13Storage面板.24
1.14Appdata面板.24
1.15Wxml面板.26
1.16Sensor面板.27
第2章微信小程序丰富的组件.28
2.1view视图容器组件.28
2.2scroll-view可滚动视图容器组件.31
2.3swiper滑块视图容器组件.34
2.3.1海报轮播效果.35
2.3.2页签切换效果.36
2.4movable-view可移动的视图容器组件.40
2.5icon图标组件.42
2.6text文本组件.44
2.7progress进度条组件.45
2.8button按钮组件.46
2.9checkbox多项选择器组件.48
2.10radio单项选择器组件.57
2.11input单行输入框组件.59
2.12textarea多行输入框组件.61
2.13label改进表单组件.63
2.14picker选择器组件.70
2.14.1picker普通选择器组件.71
2.14.2picker时间选择器组件.73
2.14.3picker日期选择器组件.74
2.15picker-view嵌入页面的滚动选择器.76
2.16slider滑动选择器组件.78
2.17switch开关选择器组件.80
2.18form表单组件.85
2.19navigator页面链接导航组件.92
2.20audio音频组件.95
2.21image图片组件.102
2.22video视频组件.104
2.23map地图组件.106
2.24canvas画布组件.112
第3章微信小程序必备API技能.118
3.1wx.request发起网络请求.118
3.2wx.uploadFile上传文件.122
3.3wx.downloadFile下载文件.123
3.4WebSocket会话连接.125
3.5wx.chooseImage选择图片.133
3.6wx.previewImage预览图片.134
3.7wx.getImageInfo获取图片信息.135
3.8wx.saveImageToPhotosAlbum保存图片到相册.136
3.9wx.startRecord开始录音和wx.stopRecord结束录音.138
3.10voice音频播放控制.139
3.11wx.createAudioContext音频组件控制.140
3.12wx.playBackgroundAudio播放音乐.141
3.13wx.seekBackgroundAudio(OBJECT)控制音乐播放进度.143
3.14wx.getBackgroundAudioPlayerState获取音乐播放状态.143
3.15wx.createVideoContext(videoId)视频组件控制.145
3.16wx.chooseVideo(OBJECT)选择视频.146
3.17wx.saveVideoToPhotosAlbum保存视频到相册.147
3.18wx.saveFile保存文件.148
3.19wx.getSavedFileList获取本地文件列表.149
3.20wx.getSavedFileInfo获取本地文件信息.151
3.21wx.removeSavedFile删除本地文件.153
3.22wx.openDocument打开文档.154
3.23wx.setStorage和wx.setStorageSync本地数据缓存.155
3.24wx.getStorage和wx.getStorageSync获取本地数据缓存.157
3.25wx.getStorageInfo和wx.getStorageInfoSync获取缓存信息.159
3.26清理本地缓存数据.161
3.27wx.getLocation获取位置.162
3.28wx.chooseLocation选择位置.167
3.29wx.openLocation打开内置地图.168
3.30获取设备系统信息.169
3.31获取网络状态.172
3.32wx.onAccelerometerChange加速度计.172
3.33wx.onCompassChange监听罗盘数据.173
3.34wx.makePhoneCall拨打电话和wx.scanCode扫码.173
3.35剪贴板和屏幕亮度.175
3.36wx.addPhoneContact添加联系人.176
3.37wx.showToast和wx.showLoading显示提示框.178
3.38wx.showModal显示模态弹窗.180
3.39wx.showActionSheet显示操作菜单.182
3.40设置导航条.183
3.41wx.createAnimation创建动画.184
3.42获取第三方平台数据.190
3.43wx.login登录.191
3.44wx.authorize授权.193
3.45wx.getUserInfo用户信息.195
3.46wwx.requestPayment微信支付.197
3.47模板消息.199
3.48转发信息.202
3.49wx.chooseAddress收货地址.203
3.50卡券.204
第4章微信小程序不错交互设计.207
4.1猫眼电影：海报轮播效果设计.207
4.2许鲜全国送：页签切换效果设计.210
4.3新闻频道：水平滑动效果设计.215
4.4京东到家：手风琴导航切换效果设计.219
4.5链家：列表式导航设计.223
4.6支付宝：九宫格导航设计.230
4.758同城：区域条件检索设计.237
4.812306火车票：底部固定效果设计.242
4.9当当购物：图文列表设计.245
4.10中信信用卡申请：向导型表单设计.255
第5章综合案例：京东购物小程序.278
5.1需求描述.279
5.2相关知识点.285
5.3商品数据准备.286
5.4首页设计.290
5.5商品详情页设计.305
5.6立即购买页面.320
5.7商品搜索设计.329
5.8显示购物车商品设计.339
5.9我的订单页面设计.350
5.10优惠券设计.356
5.11小结.366