第1章 初识小程序 1
1.1 简介 1
1.2 接入流程 2
1.2.1 注册小程序帐号 2
1.2.2 开发环境准备 4
1.3 第一个小程序 6
1.4 小结 10
第2章 小程序开发核心 11
2.1 简介 11
2.2 “徒手”创建小程序 12
2.3 框架主体文件 15
2.3.1 配置文件(app.json) 15
2.3.2 小程序逻辑(appjs) 19
2.3.3 全局样式(app.wxss) 20
2.4 框架页面文件 21
2.4.1 页面配置文件 21
2.4.2 页面逻辑文件(JavaScript) 21
2.4.3 页面结构文件(WXML) 27
2.4.4 页面样式文件(WXSS) 43
2.5 模块化 46
2.5.1 模块化简介 46
2.5.2 文件作用域 47
2.5.3 模块的使用 47
2.5.4 其他 48
2.6 小结 49
第3章 布局 50
3.1 基本知识 50
3.1.1 盒子模型 50
3.1.2 块级元素 51
3.1.3 行内元素 52
3.1.4 行内块元素 54
3.2 浮动和定位 54
3.2.1 浮动 54
3.2.2 定位 58
3.3 Flex布局 59
3.3.1 基本概念 59
3.3.2 容器属性 60
3.3.3 项目属性 64
3.4 小结 68
第4章 组件 69
4.1 组件定义及属性 69
4.2 视图容器 70
4.2.1 view组件 71
4.2.2 scroll-view组件 72
4.2.3 滑块视图组件 74
4.3 基础组件 77
4.3.1 icon 77
4.3.2 text组件 81
4.3.3 progress组件 82
4.4 表单组件 82
4.4.1 radio组件 83
4.4.2 checkbox组件 84
4.4.3 switch组件 86
4.4.4 label组件 87
4.4.5 slider组件 89
4.4.6 picker组件 91
4.4.7 picker-view组件 95
4.4.8 input组件 97
4.4.9 textarea组件 99
4.4.10 button组件 101
4.4.11 form组件 102
4.5 导航组件 105
4.6 媒体组件 107
4.6.1 image 107
4.6.2 audio 110
4.6.3 video 112
4.7 地图组件 114
4.8 画布组件 117
4.9 客服会话 119
4.10 小结 119
第5章 API 120
5.1 网络 121
5.1.1 发起HTTPS请求 121
5.1.2 上传、下载 122
5.1.3 WebSocket 124
5.2 媒体 127
5.2.1 图片 127
5.2.2 录音 128
5.2.3 音频播放控制 129
5.2.4 音乐播放控制 130
5.2.5 音频组件控制 134
5.2.6 视频 135
5.2.7 视频组件控制 136
5.3 文件 137
5.4 数据缓存 139
5.4.1 保存数据 140
5.4.2 获取数据 140
5.4.3 获取本地数据信息 141
5.4.4 删除数据 141
5.4.5 清空数据 142
5.5 位置 142
5.5.1 获取位置 142
5.5.2 选择位置 143
5.5.3 查看位置 144
5.5.4 地图组件控制 144
5.6 设备 145
5.6.1 系统信息 145
5.6.2 网络状态 146
5.6.3 重力感应 146
5.6.4 罗盘 147
5.6.5 拨打电话 147
5.6.6 扫码 147
5.7 界面 148
5.7.1 交互反馈 148
5.7.2 设置导航条 149
5.7.3 导航 150
5.7.4 动画 152
5.7.5 绘图 156
5.7.6 下拉刷新 172
5.8 开放接口 173
5.8.1 登录 173
5.8.2 用户信息 175
5.8.3 微信支付 176
5.8.4 模板消息 176
5.8.5 客服消息 181
5.8.6 分享 188
5.8.7 获取二维码 189
5.9 小结 189
第6章 案例分析——豆瓣电影 190
6.1 准备工作 190
6.1.1 豆瓣API 190
6.1.2 跳转层 192
6.2 技术架构 193
6.3 公共模块开发 195
6.3.1 业务逻辑层 195
6.3.2 公共模块 196
6.4 页面构建 197
6.4.1 首页 197
6.4.2 详情页 199
6.5 页面逻辑开发 201
6.5.1 首页 201
6.5.2 详情页 203
6.6 小结 204
第7章 案例分析——驾考 205
7.1 业务流程 205
7.2 项目架构 206
7.2.1 功能点分析 206
7.2.2 项目结构图 207
7.2.3 数据接口 208
7.3 代码分析 210
7.3.1 小程序底层代码封装 210
7.3.2 首页 212
7.3.3 答题页 213
7.3.4 答题结果页 225
7.4 小结 227
第8章 案例分析——打赏 228
8.1 登录 228
8.1.1 登录流程 228
8.1.2 源码讲解 230
8.2 支付 237
8.3 小结 241
第9章 案例分析——日程表 243
9.1 业务流程 243
9.2 项目架构 245
9.2.1 功能点分析 245
9.2.2 项目结构图 245
9.3 代码分析 246
9.3.1 日程详情页 246
9.3.2 首页 251
9.3.3 日程管理页 257
9.4 小结 263
第10章 案例分析——多点商城 264
10.1 需求分析 264
10.2 技术架构 267
10.2.1 主界面架构 267
10.2.2 业务逻辑层 268
10.2.3 代理网络请求接口 271
10.2.4 本地模拟接口数据 273
10.2.5 widgets 273
10.2.6 全局样式控制 275
10.3 页面实现 276
10.3.1 主界面实现 276
10.3.2 首页与活动页 279
10.3.3 分类页与搜索页 283
10.3.4 支付流程 286
10.3.5 其他页面 287
10.4 小结 287