微信小程序开发100Tip电子书

版权页

前言

第1章 微信小程序的框架及工具

1.1 app.json配置

1.2 App（）函数使用

1.3 Page（）函数使用

1.4 数据绑定

1.5 wx：if条件判断

1.6 wx：for列表渲染

1.7 定义和使用模板

1.8 import引用模板

1.9 include引用文件

1.10 Console面板

1.11 Sources面板

1.12 Network面板

1.13 Storage面板

1.14 Appdata面板

1.15 Wxml面板

1.16 Sensor面板

第2章 微信小程序丰富的组件

2.1 view视图容器组件

2.2 scroll-view可滚动视图容器组件

2.3 swiper滑块视图容器组件

2.4 movable-view可移动的视图容器组件

2.5 icon图标组件

2.6 text文本组件

2.7 progress进度条组件

2.8 button按钮组件

2.9 checkbox多项选择器组件

2.10 radio单项选择器组件

2.11 input单行输入框组件

2.12 textarea多行输入框组件

2.13 label改进表单组件

2.14 picker选择器组件

2.15 picker-view嵌入页面的滚动选择器

2.16 slider滑动选择器组件

2.17 switch开关选择器组件

2.18 form表单组件

2.19 navigator页面链接导航组件

2.20 audio音频组件

2.21 image图片组件

2.22 video视频组件

2.23 map地图组件

2.24 canvas画布组件

第3章 微信小程序必备API技能

3.1 wx.request发起网络请求

3.2 wx.uploadFile上传文件

3.3 wx.downloadFile下载文件

3.4 WebSocket会话连接

3.5 wx.chooseImage选择图片

3.6 wx.previewImage预览图片

3.7 wx.getImageInfo获取图片信息

3.8 wx.saveImageToPhotosAlbum保存图片到相册

3.9 wx.startRecord开始录音和wx.stopRecord结束录音

3.10 voice音频播放控制

3.11 wx.createAudioContext音频组件控制

3.12 wx.playBackgroundAudio播放音乐

3.13 wx.seekBackgroundAudio（OBJECT）控制音乐播放进度

3.14 wx.getBackgroundAudioPlayerState获取音乐播放状态

3.15 wx.createVideoContext（videoId）视频组件控制

3.16 wx.chooseVideo（OBJECT）选择视频

3.17 wx.saveVideoToPhotosAlbum保存视频到相册

3.18 wx.saveFile 保存文件

3.19 wx.getSavedFileList获取本地文件列表

3.20 wx.getSavedFileInfo获取本地文件信息

3.21 wx.removeSavedFile删除本地文件

3.22 wx.openDocument打开文档

3.23 wx.setStorage和wx.setStorageSync本地数据缓存

3.24 wx.getStorage和wx.getStorageSync获取本地数据缓存

3.25 wx.getStorageInfo和wx.getStorageInfoSync获取缓存信息

3.26 清理本地缓存数据

3.27 wx.getLocation获取位置

3.28 wx.chooseLocation选择位置

3.29 wx.openLocation打开内置地图

3.30 获取设备系统信息

3.31 获取网络状态

3.32 wx.onAccelerometerChange加速度计

3.33 wx.onCompassChange监听罗盘数据

3.34 wx.makePhoneCall拨打电话和wx.scanCode扫码

3.35 剪贴板和屏幕亮度

3.36 wx.addPhoneContact添加联系人

3.37 wx.showToast和wx.showLoading显示提示框

3.38 wx.showModal显示模态弹窗

3.39 wx.showActionSheet显示操作菜单

3.40 设置导航条

3.41 wx.createAnimation创建动画

3.42 获取第三方平台数据

3.43 wx.login登录

3.44 wx.authorize授权

3.45 wx.getUserInfo用户信息

3.46 wwx.requestPayment微信支付

3.47 模板消息

3.48 转发信息

3.49 wx.chooseAddress收货地址

3.50 卡券

第4章 微信小程序高级交互设计

4.1 猫眼电影：海报轮播效果设计

4.2 许鲜全国送：页签切换效果设计

4.3 新闻频道：水平滑动效果设计

4.4 京东到家：手风琴导航切换效果设计

4.5 链家：列表式导航设计

4.6 支付宝：九宫格导航设计

4.7 58同城：区域条件检索设计

4.8 12306火车票：底部固定效果设计

4.9 当当购物：图文列表设计

4.10 中信信用卡申请：向导型表单设计

第5章 综合案例：京东购物小程序

5.1 需求描述

5.2 相关知识点

5.3 商品数据准备

5.4 首页设计

5.5 商品详情页设计

5.6 立即购买页面

5.7 商品搜索设计

5.8 显示购物车商品设计

5.9 我的订单页面设计

5.10 优惠券设计

5.11 小结