第1篇　微信小程序基础第１章　初识微信小程序 21.1　微信小程序开发工具 21.1.1　获取开发工具 21.1.2　安装开发工具 31.2　开发第1个微信小程序 51.2.1　获取微信小程序的AppID 51.2.2　创建项目 51.2.3　微信小程序主要文件 81.3　认识开发工具 91.3.1　开发工具界面 91.3.2　程序调试 91.3.3　代码编辑 151.4　查看小程序效果 191.4.1　在开发工具中查看效果 191.4.2　在手机中查看效果 19
第２章　微信小程序架构分析 212.1　微信小程序框架结构 212.1.1　目录结构 222.1.2　主体文件 232.1.3　页面文件 232.1.4　其他文件 242.2　配置文件详解 242.2.1　主配置文件on 242.2.2　页面配置文件 292.3　逻辑层js文件 292.3.1　用App函数注册小程序 302.3.2　用Page函数注册页面 312.4　页面描述文件wxml 342.4.1　初识组件 342.4.2　数据绑定 352.4.3　条件渲染 392.4.4　列表渲染 402.4.5　使用模板 422.4.6　引用其他页面文件 452.5　页面的事件 462.5.1 事件类型 462.5.2 事件绑定 472.5.3 事件对象 472.6　页面样式文件wxss 502.6.1　尺寸单位 502.6.2　样式导入 50
第2篇　微信小程序常用模块
第３章　快速开发UI界面 543.1　认识小程序的组件 543.1.1 小程序的组件 543.1.2　组件的使用 563.1.3　组件的通用属性 573.2　加法计算器 593.2.1 认识view组件 603.2.2 认识input组件 623.2.3 认识button组件 643.2.4 计算机器界面UI 693.2.5 编写计算代码 713.2.6 测试加法计算器 723.3 另一种输入数据的方式 733.3.1 认识slider组件 743.3.2 用slider输入整数 74
第４章　美化UI界面 764.1 计算器功能需求 764.2 设计计算器界面 774.2.1 计算器小程序布局设计 774.2.2 搭建计算器小程序开发框架 774.2.3 用组件实现布局 784.2.4 设计组件的样式 794.3 编写计算器代码 844.3.1 初始化数据 844.3.2 编写按钮代码 884.3.3 编写计算代码 894.3.4 测试计算器小程序 924.4 美化计算器界面 934.4.1 认识icon组件 934.4.2 用icon美化计算器界面 944.4.3 小程序提供的icon组件 94
第５章　保存数据到本地 975.1 保存计算历史界面设计 975.1.1 认识switch组件 975.1.2 switch组件简单案例 985.2 修改计算器UI 995.2.1 添加switch组件 995.2.2 获取switch的选择 1005.3 保存计算到本地缓存 1015.3.1 保存数据的API接口函数 1015.3.2 本地缓存计算过程 1035.4 从本地缓存读取数据 1085.4.1 显示历史记录的界面设计 1085.4.2 页面切换的相关接口函数 1105.4.3 获取本地缓存数据 1115.5 保存多条历史记录 1125.5.1 使用数组保存多条历史记录 1135.5.2 清理本地缓存 115
第６章　旅行计划调查 1166.1 用form组件收集信息 1166.1.1 认识form组件 1166.1.2 表单的提交 1186.1.3 表单的重置 1206.2 设计旅行计划调查 1216.3 选择性别（单选） 1226.3.1 认识radio和radio-group组件 1226.3.2 用radio组件列出性别 1226.3.3 获取性别内容 1246.3.4 根据数据生成radio组件 1256.4 选择想去的国家（多选） 1266.4.1 认识checkbox和checkbox-group组件 1276.4.2 国家名称的多选 1276.4.3 获取选中的数据 1286.5 选择日期和时间 1296.5.1 认识picker组件 1296.5.2 picker组件小案例 1316.5.3 收集出发日期 1356.5.4 获取picker选择的日期 1356.6 输入建议 1376.7 广告轮播 1386.7.1 认识swiper组件 1396.7.2 swiper组件案例 1396.7.3 测试案例 143
第７章　微信小程序的交互反馈 1447.1 等待提示 1447.1.1 认识loading组件 1457.1.2 修改旅行计划调查表单 1487.2 用toast显示提示信息 1507.3 使用新版API显示提示 1537.3.1 接口函数owToast 1537.3.2 显示loading提示信息 1537.3.3 显示toast提示信息 1557.4 用modal组件显示弹出框 1567.4.1 认识modal组件 1577.4.2 修改弹出框 1597.4.3 在弹出框中输入内容 1607.5 使用新版API显示弹出框 1637.6 底部弹出菜单 1647.6.1 认识action-sheet组件 1657.6.2 使用新版API显示底部菜单 168
第８章　用多媒体展示更多 1718.1 用audio组件播放音乐 1718.1.1 认识audio组件 1718.1.2 控制audio组件 1738.2 使用audio API播放音乐 1758.2.1 audio API简介 1758.2.2 audio API播放音乐示例 1778.3 用video组件播放视频 1808.3.1 认识video组件 1808.3.2 获取视频上下文 1828.3.3 给视频添加弹幕 182
第９章　与后台交互 1879.1 网络访问API 1879.1.1 认识quest接口函数 1889.1.2 获取网上信息 1889.2 手机归属地查询 1919.2.1 了解手机归属地查询接口 1919.2.2 编写小程序代码 1959.2.3 调试修改小程序 198
第10章　使用手机设备 20310.1 拍照 20310.1.1 了解ooseImage函数 20310.1.2 编写实例代码 20410.1.3 在电脑端测试选择照片 20610.1.4 在手机端测试选择照片 20710.2 录音 21010.2.1 认识artRecord函数 21010.2.2 认识opRecord函数 21010.2.3 认识ayVoice函数 21010.2.4 编写录音实例 21110.2.5 测试录音实例 21310.3 获取地理位置 21410.3.1 认识enLocation函数 21410.3.2 认识tLocation函数 21510.3.3 获取地理位置实例 21510.3.4 在电脑中测试获取地理位置实例 21710.3.5 在手机中测试获取地理位置实例 21910.4 获取网络状态 22010.5 获取系统信息 223
第3篇　微信小程序综合案例第11章　综合案例——微天气 22811.1 天气预报API 22811.1.1 中国天气网天气预报接口 22911.1.2 中华万年历的天气预报接口 23411.2 界面设计 23611.3 编写界面代码 23611.3.1 创建项目 23711.3.2 编写界面代码 23711.3.3 编写界面样式代码 23911.4 编写逻辑层代码 24211.4.1 编写数据初始化代码 24211.4.2 获取当前位置的城市名称 24411.4.3 根据城市名称获取天气预报 24611.4.4 查询天气预报 248
第12章　综合案例——微音乐 25012.1 QQ音乐API 25012.1.1 认识易源接口网站 25012.1.2 QQ音乐接口 25112.2 界面设计 25512.3 创建项目 25712.3.1 准备资源 25712.3.2 创建项目 25712.3.3 创建配置文件 25912.4 音乐分类列表 26012.4.1 开发页面文件 26012.4.2 开发页面样式文件 26112.4.3 开发页面逻辑代码 26112.5 音乐列表 26312.5.1 开发页面文件 26312.5.2 开发页面样式文件 26412.5.3 开发页面逻辑代码 26512.6 播放音乐 26712.6.1 开发页面文件 26712.6.2 开发页面样式文件 26812.6.3 开发页面逻辑代码 26912.7 搜索音乐 27112.7.1 开发页面文件 27112.7.2 开发页面样式文件 27212.7.3 开发页面逻辑代码 273