目录

第一部分  入  门  篇

第1章  微信小程序入门 3

1.1  微信小程序概述 3

 1.1.1  小程序简介 3

 1.1.2  小程序的诞生 3

 1.1.3  小程序的功能 4

 1.1.4  小程序的创建流程 5

1.2  开发小程序的准备工作 5

 1.2.1  注册开发者账号 5

 1.2.2  小程序的信息完善 13

 1.2.3  小程序的成员管理 16

1.3  小程序的开发工具 17

 1.3.1  软件的下载与安装 17

 1.3.2  开发者工具的登录 18

 1.3.3  其他辅助工具 21

1.4  小程序的未来展望 21

第2章  第一个微信小程序 22

2.1  创建第一个微信小程序 22

 2.1.1  新建项目 22

 2.1.2  真机预览和调试 25

 2.1.3  代码的提交 27

 2.1.4  小程序的版本 28

2.2  小程序的目录结构 29

 2.2.1  项目配置文件 29

 2.2.2  主体文件 30

 2.2.3  页面文件 36

 2.2.4  其他文件 37

2.3  开发者工具的介绍 38

 2.3.1  菜单栏 38

 2.3.2  工具栏 40

 2.3.3  模拟器 41

 2.3.4  编辑器 41

 2.3.5  调试器 42

第二部分  基  础  篇

第3章  小程序框架 49

3.1  逻辑层 49

 3.1.1  注册程序 49

 3.1.2  注册页面 53

 3.1.3  页面路由 58

 3.1.4  模块化 60

 3.1.5  API 60

3.2  视图层 61

 3.2.1  WXML 61

 3.2.2  WXSS 74

 3.2.3  组件 77

3.3  flex布局 77

 3.3.1  基本概念 77

 3.3.2  容器属性 78

 3.3.3  项目属性 83

第4章  小程序组件 88

4.1  组件的介绍和分类 88

 4.1.1  组件的介绍 88

 4.1.2  组件的分类 89

4.2  视图容器组件 89

 4.2.1  view 89

 4.2.2  scroll-view 91

 4.2.3  swiper 93

 4.2.4  movable-view 95

 4.2.5  cover-view 99

4.3  基础内容组件 100

 4.3.1  icon 101

 4.3.2  text 103

 4.3.3  rich-text 105

 4.3.4  progress 109

4.4  表单组件 110

 4.4.1  button 111

 4.4.2  checkbox 115

 4.4.3  input 117

 4.4.4  label 122

 4.4.5  form 123

 4.4.6  picker 126

 4.4.7  picker-view 133

 4.4.8  radio 135

 4.4.9  slider 137

 4.4.10  switch 139

 4.4.11  textarea 141

4.5  导航组件 143

4.6  媒体组件 145

 4.6.1  audio 145

 4.6.2  image 147

 4.6.3  video 151

 4.6.4  camera 154

4.7  地图组件 155

 4.7.1  markers 156

 4.7.2  polyline 158

 4.7.3  circles 158

4.8  画布组件 160

第三部分  应  用  篇

第5章  网络API 165

5.1  小程序网络基础 165

 5.1.1  小程序/服务器架构 165

 5.1.2  服务器域名配置 168

 5.1.3  临时服务器部署 169

5.2  发起请求和中断请求 170

 5.2.1  发起请求 170

 5.2.2  中断请求 171

5.3  文件传输 174

 5.3.1  文件的上传 174

 5.3.2  文件的下载 178

第6章  媒体API 182

6.1  图片管理 182

 6.1.1  选择图片 182

 6.1.2  预览图片 183

 6.1.3  获取图片信息 183

 6.1.4  保存图片 184

6.2  录音管理 186

6.3  音频管理 189

 6.3.1  背景音频管理 189

 6.3.2  音频组件控制 192

6.4  视频管理 195

 6.4.1  选择视频 195

 6.4.2  保存视频 195

 6.4.3  视频组件控制 196

6.5  相机管理 199

第7章  文件API 203

7.1  保存文件 203

7.2  获取文件信息 205

7.3  获取本地文件列表 208

7.4  获取本地文件信息 211

7.5  删除本地文件 214

7.6  打开文档 217

第8章  数据缓存API 220

8.1  本地缓存 220

8.2  数据的存储 221

 8.2.1  异步存储数据 221

 8.2.2  同步存储数据 223

8.3  数据的获取 225

 8.3.1  异步获取数据 225

 8.3.2  同步获取数据 227

8.4  存储信息的获取 229

 8.4.1  异步获取存储信息 229

 8.4.2  同步获取存储信息 231

8.5  数据的删除 232

 8.5.1  异步删除数据 232

 8.5.2  同步删除数据 235

8.6  数据的清空 237

 8.6.1  异步清空数据 237

 8.6.2  同步清空数据 238

第9章  位置API 241

9.1  位置信息 241

 9.1.1  经纬度坐标 241

 9.1.2  坐标的类别 241

9.2  获取和选择位置 242

 9.2.1  获取位置 242

 9.2.2  选择位置 244

9.3  查看位置 245

9.4  地图组件控制 247

 9.4.1  获取地图上下文对象 247

 9.4.2  获取地图中心坐标 248

 9.4.3  移动到指定位置 249

 9.4.4  动画平移标记 250

 9.4.5  展示全部坐标 252

 9.4.6  获取视野范围 254

 9.4.7  获取地图缩放级别 255

第10章  设备API 257

10.1  系统信息 257

 10.1.1  获取系统信息 257

 10.1.2  canIUse() 259

10.2  网络 261

 10.2.1  网络状态 261

 10.2.2  Wi-Fi 263

10.3  传感器 268

 10.3.1  罗盘 268

 10.3.2  加速度计 270

10.4  用户行为 272

 10.4.1  截屏 272

 10.4.2  扫码 272

 10.4.3  剪贴板 274

 10.4.4  通话 275

10.5  手机状态 279

 10.5.1  内存 279

 10.5.2  屏幕亮度 279

 10.5.3  振动 282

第11章  界面API 283

11.1  交互反馈 283

 11.1.1  消息提示框 283

 11.1.2  加载提示框 285

 11.1.3  模态弹窗 287

 11.1.4  操作菜单 289

11.2  导航条设置 291

 11.2.1  当前页面标题设置 291

 11.2.2  导航条加载动画 292

 11.2.3  导航条颜色设置 293

11.3  tabBar设置 295

 11.3.1  tabBar标记 295

 11.3.2  tabBar红点 296

 11.3.3  onTabItemTap() 297

 11.3.4  设置tabBar样式 297

 11.3.5  显示与隐藏tabBar 298

11.4  页面导航 303

 11.4.1  跳转到新页面 303

 11.4.2  返回指定页面 304

 11.4.3  当前页面重定向 304

 11.4.4  重启页面 305

 11.4.5  切换tabBar页面 305

11.5  动画 308

 11.5.1  动画实例 308

 11.5.2  动画的描述 309

 11.5.3  动画的导出 310

11.6  页面位置 314

11.7  绘图 315

 11.7.1  准备工作 315

 11.7.2  绘制矩形 317

 11.7.3  绘制路径 319

 11.7.4  绘制文本 326

 11.7.5  绘制图片 329

 11.7.6  颜色与样式 331

 11.7.7  保存与恢复 342

 11.7.8  变形与剪裁 342

 11.7.9  图像的导出 348

11.8  下拉刷新 350

 11.8.1  监听下拉刷新 350

 11.8.2  开始下拉刷新 350

 11.8.3  停止下拉刷新 351

第四部分  提  高  篇

第12章  综合设计应用实例——高校新闻小程序 355

12.1  需求分析 355

12.2  设计与实现 355

 12.2.1  项目的创建 355

 12.2.2  文件的配置 356

 12.2.3  视图设计 359

 12.2.4  逻辑实现 368

12.3  最终效果展示 378

12.4  完整代码展示 379

12.5  项目小结 386

附录A  个人开发者服务类目 387

附录B  小程序场景值 389

附录C  小程序预定颜色 391