课程介绍
课程以阅读资讯与电影信息小程序为主线，从项目目录、页面布局和数据绑定开始，逐步练习列表渲染、事件、页面路由、详情页与缓存处理，再进入音乐播放、自定义组件和电影搜索等功能。
资源同时保留升级版与旧版课程。升级版包含 rpx、Flex、setData、async/await、自定义组件嵌套及下拉刷新等内容；旧版另有表单、地图和 ES6 等专题，以及进阶课程的试看章节。目录按实际文件分版整理，涉及的平台接口以对应录制版本为准。
网盘说明：本课程为夸克网盘资源。
课程目录
升级版 / 第1章全新版：初识微信小程序
1-1微信小程序全新版重录说明
1-2下载小程序开发工具
1-3新建小程序项目
1-4小程序appid的注册
1-5新版小程序开发工具的一些基本设置
1-6小程序的基本单位-Page页面
升级版 / 第2章全新版：小程序的基本目录结构与文件作用剖析
2-1小程序页面的4种基本文件类型详解
2-2小程序的全局配置文件、全局样式表和应用程序级别js文件
2-3认识一下我们要开发的Flower项目
升级版 / 第3章全新版：rpx响应式单位与flex布局
3-1JSON对象与JS对象的区别（重点）
3-3新建页面的技巧与规则
3-4image标签显示一张图片
3-5小程序rpx响应式单位的特点（非常重要）
3-6分离CSS样式到WXSS文件中
3-7初识flex布局进行垂直分布布局
3-8flex布局的align-items
3-9自己编写一个Button组件
3-10聊聊小程序的方便性与灵活性的悖论
升级版 / 第4章全新版：阅读列表与setData数据绑定
4-1LinUI组件库介绍
4-2安装、编译LinUI
4-3如何使用自定义组件
4-4l-avatar头像和昵称组件
4-5添加新的编译模式
4-6 初步了解Swiper和Swiper-Item组件
4-7Swiper组件（1）通过插槽设置轮播内容
4-8Swiper组件（2）Swiper组件内容的高宽设置技巧
4-9属性设置一定要注意字符串以JS表达式的区别（重要）
4-10布尔属性值赋值的良好建议
4-11Swiper组件的其他重要属性设置
4-12用Flex布局组织布局思路（1）
4-13用Flex布局组织布局思路（2）
4-14用Flex布局组织布局思路（3）
4-15用Flex布局组织布局思路（4）
4-16用Flex布局组织布局思路（5）
升级版 / 第5章全新版：条件渲染、列表渲染与小程序事件
5-1使用LinUI的Icon组件代替图片ICON
5-2LinUIIcon组件的颜色和大小设置
5-3小程序开发数据的流向（1）
5-4单向数据绑定与双向数据绑定
5-5数据绑定与setData函数（1）
5-6DOM优先VS数据优先
5-8理解Page.data与this.SetData的关系
5-9预先在data中定义绑定数据的初始值是值得推荐的做法
5-10小程序的生命周期函数与特殊回调函数
5-11数据绑定的实战应用
5-12Mustache语法解析
5-13条件渲染
5-14列表渲染（上）
5-15列表渲染（下）
5-16什么是事件
5-17bind来捕捉事件执行回调函数
升级版 / 第6章全新版：路由函数与事件冒泡
6-1路由函数NavigateTo和RedirectTo的区别
6-3Catch与Bind事件的区别
6-4js模块的导入导出（require与import）
6-5用列表渲染展示导入的数组数据
6-6从列表页面跳转到文章详情页面
6-7列表渲染的wxkey赋值规则
6-8事件冒泡的具体应用
升级版 / 第7章全新版：构建阅读详情页面
7-1构建文章详情页面（1）
7-2构建文章详情页面（2）
7-3构建文章详情页面（3）
7-4Flex的高级应用（1）
7-5Flex高级应用（2）主轴和交叉轴
7-6Flex高级应用（3）
7-7组件的自定义属性data
7-8自定义属性data-的命名规则
7-9在页面的onLoad函数中获取查询参数
7-10加载详情数据并填充页面
7-11为什么只传post-id
升级版 / 第8章全新版：缓存机制与异步API的async和await
8-1app.js的意义和作用
8-3在app.js中保存全局变量
8-5小程序缓存的增删改查与清除
8-6异步函数的几个方案：回调函数、promise与await
8-7文章收藏（1）分析思路
8-8文章收藏（2）JS的动态属性
8-9收藏未收藏的切换
8-10初始化收藏状态
8-11缓存如何不被覆盖？
8-12同步文章缓存状态
8-13showToast接口的应用
8-14牢记setData对于data属性的影响
8-15showToast更换成showModal（1）
8-16showModal的回调函数与Promise
8-17showActionSheet的使用
升级版 / 第9章全新版：音乐播放
9-1浮动居中方案-通过left和top定位音乐图标
9-2小程序音乐播放API介绍
9-3小试音乐播放API
9-4切换音乐播放图标的两种方案：条件渲染与js表达式
9-5音乐播放状态切换
9-6背景音乐的监听相关API
9-7同步音乐总控开关与自有播放开光的状态
9-8音乐控制面板的暂停与停止逻辑
9-9全局变量解决音乐播放状态初始化不正确的问题
9-10分析一个不是问题的问题
9-11 让每篇文章音乐独立显示状态
升级版 / 第10章全新版：初识小程序的自定义组件
10-1文章列表顶部轮播图跳转
10-2小程序tabBar选项卡配置基础
10-3小程序tabBar的其他配置选项
10-4跳转到带有选项卡的页面需要使用switchTab
10-5初识自定义组件
10-6新建第一个自定义组件
10-7创建自定义组件的属性
10-8自定义组件属性的简化定义
10-9自定义属性可以接收一个Object对象
10-10分离文章到单独的自定义组件中
10-11自定义组件的嵌套引用
升级版 / 第11章全新版：电影页面与实战自定义组件
11-1Movie自定义组件的构建
11-2使用LinUI的评分组件快速实现分数预览
11-3简易评分组件的实现思路（选看）
11-4巧用Flex布局的Space-Between进行分布排列
11-5调整自定义组件间距
11-6外部样式类externalClasses的使用
11-7小试牛刀访问服务端数据
11-8从服务器加载数据分页数据并传入自定义组件
11-9使用ES6箭头函数解决this指代的问题
11-10绑定电影数据（1）两种不同的评分方式
11-11绑定服务端电影数据（2）
11-12完成即将上映和top250
升级版 / 第12章全新版：电影列表与电影搜索
12-1wx.request的更多参数讲解
12-2更多电影（1）分析更多电影页面的逻辑
12-3更多电影（2）加载更多数据
12-4更多电影（3）Flex-Wrap的应用
12-5 更多电影（4）Flex布局对于普通样式类的影响
12-6更多电影（5）加载不同类型的电影数据
12-7使用LinUI快速构建搜索栏
12-8向服务器请求搜索数据
12-9搜索结果与电影数据的切换显示
12-10显示搜索的电影数据
12-11修复Space-Between2个元素两端分布的问题
升级版 / 第13章全新版：电影详情与滑动加载数据、下拉刷新数据
13-1上滑加载更多数据（1）onReachBottom
13-2上滑加载更多数据（2）showloading提示
13-3下拉刷新数据（1）
13-4配置标题与动态配置标题
13-5谈组件的独立性
13-6自定义组件的自定义事件产生
13-7获取自定义组件的detail参数
13-8同时获取自定义属性和自定义组件的detail参数
13-9电影详情页面（1）获取电影详情数据
13-10电影详情页面（2）顶部区域
13-11电影详情页面（3）头部元素浮动技巧
13-12电影详情页面（4）图片预览效果只做
13-13电影详情页（5）图片的多种mode模式
13-14数据预处理
13-15电影简介部分的CSS构建
13-16处理影人信息
13-17 多层Flex布局的嵌套应用
13-18调整影人信息的CSS细节
13-19Scroll-View组件的应用与结束语
旧版 / 第01章 什么是微信小程序？
1-1 序：十几个小时的课程就这节最重要
1-2 升级重录说明（重要）
1-3 开篇及课程特色介绍
1-4 直观感受一下微信小程序
1-5 小程序适合做什么样的应用
1-6 对开发者的影响
1-7 学习基础
1-8 新版开发工具UI说明
1-9 新版小程序务必勾选“不校验TLS、HTTPS”
旧版 / 第02章 小程序环境搭建与开发工具介绍
2-1 小程序进阶——新课程指南
2-2 申请appid
2-3 下载并安装微信开发者工具
2-4 微信开发工具UI简介与小程序调试方法
旧版 / 第03章 从一个简单的“欢迎“页面开始小程序之旅
3-1 本章内容简介
3-2 官方种子项目与小程序页面
3-3 应用程序级别文件
3-4 小程序的页面层级结构
3-5 新建welcome欢迎页面
3-6 我的第一个页面
3-7 认识小程序的rpx
3-8 使用flex（弹性盒子）快速布局
3-9 制作项目启动页之小程序app.json基础配置
3-10 章节扩展（可选观看1）移动端分辨率精讲
3-11 章节扩展（可选观看2）小程序的自适应单位RPX精讲
旧版 / 第04章 第二个页面：新闻阅读列表
4-1 第四章课程简介
4-2 使用Swiper组件构建轮播图
4-3 Swiper组件属性设置
4-4 全局配置与页面配置
4-5 构建新闻列表（上）
4-6 构建新闻列表（下）
4-7 JS与小程序Page页面生命周期
4-8 数据绑定概念和基础
4-9 setData方法绑定数据
4-10 数据绑定的扩展用法
4-11 条件渲染与列表渲染
4-12 小程序的事件机制——捕捉与回调
4-13 小程序的事件机制——catch与bind
旧版 / 第05章 小程序的模板化与模块化
5-1 将业务中的数据分离到单独的数据文件中
5-2 使用require方法加载js模块儿文件
5-3 template模板的使用
5-4 关于新版自定义组件的说明
旧版 / 第06章 构建新闻详情页面
6-1 从文章列表跳转到新闻详情页面（组件自定义属性及获取属性）
6-2 先静后动，构建新闻详情页面样式
6-3 配置全局导航栏颜色
6-4 使用数据填充新闻详情页面
6-5 缓存Storage的基本用法
6-6 文章缓存出错修复方案
6-7 使用缓存实现文章收藏功能
6-8 交互反馈 wx.showToast
6-9 操作反馈wx.showModal
6-10 交互反馈wx.showActionSheet
6-11 同步异步方法对比
6-12 playBackgroundAudio-音乐播放基本实现
6-13 加入不同的音乐，个性化音乐播放
6-14 修复音乐播放闪退的问题
6-15 监听播放事件完善音乐播放
6-16 应用程序生命周期
6-17 继续完善音乐播放
6-18 音乐播放最终章
6-19 真机如何清除缓存与template内路径问题
旧版 / 第07章 开始制作电影资讯页面
7-1 重要补充说明（关于API调用403）
7-2 Banner轮播图跳转文章详情
7-3 三种主要的路由API
7-4 给项目加入tab选项卡
7-5 完善tab选项卡
7-6 电影页面嵌套template分析
7-7 3个嵌套template标签的实现
7-8 stars template的样式实现
7-9 movie template的样式实现
7-10 movie-list template的样式实现
7-11 RESTful API简介及调用豆瓣API
7-12 获取正在热映、即将上映和Top250的数据
7-13 电影页面数据绑定（上）
7-14 电影页面数据绑定（下）
7-15 星星评分组件的实现
7-16 更换电影分类标题
旧版 / 第08章 更多电影及电影搜索页面的实现
8-1 更多电影页面的编写思路与电影类型获取
8-2 动态设置导航栏标题
8-3 更多电影页面加载数据
8-4 实现movie-grid template
8-5 实现上滑加载更多数据
8-6 设置loading状态
8-7 实现下拉刷新数据
8-8 backgroundColor 到底设置的是哪里的颜色
旧版 / 第09章 构建电影详情页面
9-1 电影搜索页面构建（上）
9-2 电影搜索页面构建（下）
9-3 修复音乐播放完成后图标状态没有复位的bug
9-4 编写电影详情页面(上）
9-5 编写电影详情页面（下）
9-6 图片的缩放与裁剪
9-8 编写电影详情页面骨架
9-9 完成电影详情页面（上）
9-10 完成电影详情页面 （下）
9-11 小程序Q&A
旧版 / 第10章 Form表单类组件与Map地图组件
10-1 form之switch组件
10-2 form之slider组件
10-3 form之radio组件
10-4 form之checkbox组件
10-5 form表单提交
10-6 map组件
旧版 / 第11章 扩展内容ES6在小程序中的使用与微信小程序后台账号配置
11-1 小程序常见问题（非常重要）
11-2 小程序中的ES6 Class
11-3 使用Module和Class提取封装一个Movie对象
11-4 箭头函数、致谢与再见
旧版 / 第12章 0.15.152900 版本重要API、功能讲解
12-1 新版本重要特性总览
12-2 选择用户收货地址API
12-3 对login、getUserInfo等接口的改动与理解
12-4 用户设置界面与动态分享详解
12-5 场景值获取方式与应用举例
旧版 / 第13章 《纯正商业应用-微信小程序实战》进阶教程多章节试看1
13-1 自定义组件样式探讨 一：hack方式
13-2 自定义样式探讨2：外部样式的概念
13-3 自定义组件样式3：外部样式的问题
13-4 自定义样式4：外部样式如何强制覆盖普通样式
旧版 / 第14章 《纯正商业应用-微信小程序实战》进阶教程多章节试看2
14-1 分析换行符 不解析换行的原因
14-2 wxs的概念与应用1
14-3 wx的概念与应用2
14-4 wx的概念与应用3
14-5 在小程序中编写limit过滤器
