微信小程序开发必备100TipPDF|Epub|txt|kindle电子书版本网盘下载

微信小程序开发必备100TipPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

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

1.1 app.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.2 App（）函数使用10

1.3 Page（）函数使用12

1.3.1 初始化数据13

1.3.2 生命周期函数13

1.3.3 相关事件函数14

1.4 数据绑定14

1.5 wx：if条件判断15

1.6 wx：for列表渲染16

1.7 定义和使用模板17

1.8 import引用模板18

1.9 include引用文件19

1.10 Console面板20

1.11 Sources面板21

1.12 Network面板22

1.13 Storage面板24

1.14 Appdata面板24

1.15 Wxml面板26

1.16 Sensor面板27

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

2.1 view视图容器组件28

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

2.3 swiper滑块视图容器组件34

2.3.1 海报轮播效果35

2.3.2 页签切换效果36

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

2.5 icon图标组件42

2.6 text文本组件44

2.7 progress进度条组件45

2.8 button按钮组件46

2.9 checkbox多项选择器组件48

2.10 radio单项选择器组件57

2.11 input单行输入框组件59

2.12 textarea多行输入框组件61

2.13 label改进表单组件63

2.14 picker选择器组件70

2.14.1 picker普通选择器组件71

2.14.2 picker时间选择器组件73

2.14.3 picker日期选择器组件74

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

2.16 slider滑动选择器组件78

2.17 switch开关选择器组件80

2.18 form表单组件85

2.19 navigator页面链接导航组件92

2.20 audio音频组件95

2.21 image图片组件102

2.22 video视频组件104

2.23 map地图组件106

2.24 canvas画布组件112

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

3.1 wx.request发起网络请求118

3.2 wx.uploadFile上传文件122

3.3 wx.downloadFile下载文件123

3.4 WebSocket会话连接125

3.5 wx.chooseImage选择图片133

3.6 wx.previewImage预览图片134

3.7 wx.getImageInfo获取图片信息135

3.8 wx.saveImageToPhotosAlbum保存图片到相册136

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

3.10 voice音频播放控制139

3.11 wx.createAudioContext音频组件控制140

3.12 wx.playBackgroundAudio播放音乐141

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

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

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

3.16 wx.chooseVideo（OBJECT）选择视频146

3.17 wx.saveVideoToPhotosAlbum保存视频到相册147

3.18 wx.saveFile保存文件148

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

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

3.21 wx.removeSavedFile删除本地文件153

3.22 wx.openDocument打开文档154

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

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

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

3.26 清理本地缓存数据161

3.27 wx.getLocation获取位置162

3.28 wx.chooseLocation选择位置167

3.29 wx.openLocation打开内置地图168

3.30 获取设备系统信息169

3.31 获取网络状态172

3.32 wx.onAccelerometerChange加速度计172

3.33 wx.onCompassChange监听罗盘数据173

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

3.35 剪贴板和屏幕亮度175

3.36 wx.addPhoneContact添加联系人176

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

3.38 wx.showModal显示模态弹窗180

3.39 wx.showActionSheet显示操作菜单182

3.40 设置导航条183

3.41 wx.createAnimation创建动画184

3.42 获取第三方平台数据190

3.43 wx.login登录191

3.44 wx.authorize授权193

3.45 wx.getUserInfo用户信息195

3.46 wwx.requestPayment微信支付197

3.47 模板消息199

3.48 转发信息202

3.49 wx.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.7 58同城：区域条件检索设计237

4.8 12306火车票：底部固定效果设计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