微信小程序：开发入门及案例详解（李骏、边思著）PDF下载

本书可分为3部分，第一部分作为基础章节，介绍了第一个小程序的搭建流程，让大家能快速上手；同时对小程序框架原理进行了详细介绍，为后面学习组件、API打下基础。

第二部分对小程序组件、API进行介绍，对组件、API的使用、注意事项进行详细讲解，并给出示例代码。

最后一部分精选5个由浅入深的案例，对小程序研发进行实战讲解，涵盖了实际项目中可能涉及的技术方案和使用方法，具备很强的实战意义。

在这本书中，包含了作者在电商领域多年的前端经验总结和对当前主流架构的思考，希望读者们可以从中获取到自己想要的“干货”。

对本书的赞誉

序　一

序　二

前　言

第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　小程序逻辑（app.js） 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