微信小程序开发教程，260集微信小程序高级开发课程

内容介绍：

全部都是干货的小程序开发课程，来自一线大厂的讲师与技术，让同学们能够学习和掌握到最实用的小程序开发技术。课程内容从第一个程序的开发细节讲起，到实用小案例的教学，深入到自定义组件的开发，使用npm包、全局数据共享、自定义tabBar、宿主环境、数据绑定、微信小程序协同工作和发布、微信小程序生命周期和wxs，以及小程序开发案例实战，可以让同学们学到最新的一线开发技术。

内容目录：

1-1 微信小程序快速入门

00.学习目标.mp401.小程序简介 - 小程序与普通网页开发的区别.mp402.小程序简介 - 体验微信小程序.mp403.第一个小程序 - 了解注册小程序开发账号的流程.mp404.第一个小程序 - 获取小程序的AppID.mp405.第一个小程序 - 安装微信开发者工具.mp406.第一个小程序 - 扫码登录到微信开发者工具.mp407.第一个小程序 - 设置外观和代理.mp408.第一个小程序 - 演示新建小程序项目的步骤.mp409.第一个小程序 - 查看项目运行效果的两种方式.mp410.第一个小程序 - 了解微信开发者工具主界面的5个组成部分.mp411.小程序代码的构成 - 了解项目的基本组成结构.mp412.小程序代码的构成 - 小程序页面的组成部分.mp413.小程序代码的构成 - 认识小程序中的4种配置文件.mp414.小程序代码的构成 - app.json文件.mp415.小程序代码的构成 - project.config.json文件.mp416.小程序代码的构成 - sitemap.json文件.mp417.小程序代码的构成 - 页面的.json配置文件.mp418.小程序代码的构成 - 新建小程序页面.mp419.小程序代码的构成 - 修改项目首页.mp420.小程序代码的构成 - WXML的概念以及和HTML之间的区别.mp421.小程序代码的构成 - WXSS的概念以及和CSS之间的区别.mp422.小程序代码的构成 - 了解小程序中JS文件的三大分类.mp4

1-2 微信小程序的宿主环境

23.宿主环境 - 了解宿主环境的概念.mp424.宿主环境 - 小程序的宿主环境.mp425.宿主环境 - 通信的主体.mp426.宿主环境 - 小程序的通信模型.mp427.宿主环境 - 运行机制.mp428.宿主环境 - 组件 - 了解常用的视图容器组件.mp429.宿主环境 - 组件 - view组件的基本使用.mp430.宿主环境 - 组件 - scroll-view组件的基本使用.mp431.宿主环境 - 组件 - swiper和swiper-item的基本使用.mp432.宿主环境 - 组件 - swiper组件的常用属性.mp433.宿主环境 - 组件 - text和rich-text组件.mp434.宿主环境 - 组件 - button按钮组件.mp435.宿主环境 - 组件 - image图片组件.mp436.宿主环境 - 小程序API的3大分类.mp4

1-3 微信小程序协同工作和发布

37.协同工作 - 了解权限管理需求、组织结构、开发流程.mp438.协同工作 - 了解小程序成员管理的两个方面.mp439.协同工作 - 开发者的权限说明.mp440.协同工作 - 了解如何添加项目成员和体验成员.mp441.发布 - 了解小程序的版本阶段.mp442.发布 - 了解小程序发布上线的主要步骤.mp443.发布 - 基于小程序码进行推广.mp444.发布 - 查看小程序的运营数据.mp445.总结.mp4

1-4 微信小程序基础

00.学习目标.mp401.数据绑定 - 了解数据绑定的原则.mp402.数据绑定 - 动态绑定属性.mp403.数据绑定 - 三元运算.mp404.数据绑定 - 算数运算.mp405.事件绑定 - 了解什么是事件以及小程序中常用的事件.mp406.事件绑定 - 事件对象的属性列表.mp407.事件绑定 - target和currentTarget的区别.mp408.事件绑定 - bindtap的语法格式.mp409.事件绑定 - 在事件处理函数中为data中的数据赋值.mp410.事件绑定 - 事件传参.mp411.事件绑定 - bindinput的语法格式.mp412.事件绑定 - 实现文本框和data之间的数据同步.mp413.条件渲染 - if...elif...else.mp414.条件渲染 - 基于block标签使用if条件渲染.mp415.条件渲染 - hidden.mp416.条件渲染 - if和hidden的区别.mp417.列表渲染 - for循环的基本用法.mp418.列表渲染 - 手动指定索引和当前项的变量名.mp419.列表渲染 - 指定key值提高渲染效率.mp4

1-5 微信小程序进阶

20.wxss - 了解什么是wxss以及它和css之间的关系.mp421.wxss - 了解什么是rpx以及它的实现原理.mp422.wxss - rpx与px之间的单位换算.mp423.wxss - @import样式导入.mp424.wxss - 全局样式.mp425.wxss - 局部样式.mp426.全局配置 - 常用的全局配置项以及小程序窗口的组成部分.mp427.全局配置 - window - 设置导航栏的标题.mp428.全局配置 - window - 设置导航栏的背景色.mp429.全局配置 - window - 设置导航栏的标题颜色.mp430.全局配置 - window - 全局开启下拉刷新的功能.mp431.全局配置 - window - 关于模拟器的问题说明.mp432.全局配置 - window - 设置下拉刷新时的窗口背景色.mp433.全局配置 - window - 设置下拉刷新时loading的样式.mp434.全局配置 - window - 设置上拉触底的距离.mp435.全局配置 - tabBar - 什么是tabBar.mp436.全局配置 - tabBar - tabBar的6个组成部分.mp437.全局配置 - tabBar - 了解tabBar中的配置项.mp438.全局配置 - tabBar - 实现tabBar案例的效果.mp439.页面配置 - 了解页面配置和全局配置的关系.mp440.页面配置 - 页面配置中常用的配置项.mp4

1-6 微信小程序数据请求和案例

41.数据请求 - 小程序中网络数据请求的限制.mp442.数据请求 - 配置request合法域名.mp443.数据请求 - 发起GET请求.mp444.数据请求 - 发起POST请求.mp445.数据请求 - 了解如何在页面刚加载的时候请求数据.mp446.数据请求 - 跳过request合法域名校验.mp447.数据请求 - 关于跨域和Ajax的说明.mp448.案例 - 创建项目并梳理项目结构.mp449.案例 - 配置导航栏效果.mp450.案例 - 配置tabBar效果.mp451.案例 - 获取轮播图的数据.mp452.案例 - 渲染轮播图效果.mp453.案例 - 获取九宫格的数据.mp454.案例 - 渲染九宫格的布局效果.mp455.案例 - 实现首页底部图片的布局效果.mp456.总结.mp4

1-7 微信小程序页面导航

00.学习目标 .mp401.页面导航 - 了解小程序中实现页面导航的两种方式.mp402.页面导航 - 声明式导航 - 导航到tabBar页面.mp403.页面导航 -声明式导航 - 导航到非tabBar页面.mp404.页面导航 - 声明式导航 - 实现后退导航效果.mp405.页面导航 - 编程式导航 - 导航到tabBar页面.mp406.页面导航 - 编程式导航 - 导航到非tabBar页面.mp407.页面导航 - 编程式导航 - 实现后退导航效果.mp408.页面导航 - 导航传参 - 声明式导航传参.mp409.页面导航 - 导航传参 - 编程式导航传参.mp410导航传参.mp4

1-8 微信小程序页面事件和上拉触底案例

11.页面事件 - 下拉刷新 - 了解什么是下拉刷新.mp412.页面事件 - 下拉刷新 - 启用下拉刷新.mp413.页面事件 - 下拉刷新 - 配置下拉刷新窗口的样式.mp414.页面事件 - 下拉刷新 - 监听页面的下拉刷新事件.mp415.页面事件 - 下拉刷新 - 停止下拉刷新的效果.mp416.页面事件 - 上拉触底 - 了解什么是上拉触底.mp417.页面事件 - 上拉触底 - 监听页面的上拉触底事件.mp418.页面事件 - 上拉触底 - 配置上拉触底距离.mp419.上拉触底案例 - 案例效果展示.mp420.上拉触底案例 - 定义获取随机颜色的方法.mp421.上拉触底案例 - 渲染UI结构并美化页面效果.mp422.上拉触底案例 - 上拉触底时获取随机颜色.mp423.上拉触底案例 - 添加loading提示效果.mp424.上拉触底案例 - 介绍为什么需要对上拉触底进行节流处理.mp425.上拉触底案例 - 对上拉触底进行节流处理.mp426.扩展 - 自定义编译模式.mp4

1-9 微信小程序生命周期和wxs

27.生命周期 - 什么是生命周期.mp428.生命周期 - 小程序中生命周期的两个分类.mp429.生命周期 - 什么是生命周期函数.mp430.生命周期 - 小程序中生命周期函数的两个分类.mp431.生命周期 - 应用的生命周期函数.mp432.生命周期 - 页面的生命周期函数.mp433.wxs - 了解什么是wxs以及应用场景.mp434.wxs - 了解wxs和JavaScript的关系.mp435.wxs - 内嵌wxs脚本.mp436.wxs - 定义外联的wxs脚本.mp437.wxs - 使用外联的wxs脚本.mp438.wxs - 了解wxs的4个特点.mp4

1-10 本地生活综合案例

39.案例 - 商铺列表页面的效果演示.mp440.案例 - 把项目代码加载到微信开发者工具中.mp441.案例 - 实现导航跳转并传参.mp442.案例 - 动态设置商铺列表页面的标题内容.mp443.案例 - 创建商铺列表页面的编译模式.mp444.案例 - 了解API接口并定义需要的数据节点.mp445.案例 - 定义getShopList方法获取商品列表数据.mp446.案例 - 渲染商铺列表的UI结构并美化样式.mp447.案例 - 展示loading提示效果.mp448.案例 - 上拉触底时请求下一页数据.mp449.案例 - 对上拉触底事件进行节流控制.mp450.案例 - 演示并分析数据加载的问题.mp451.案例 - 介绍判断是否还有下一页数据的公式.mp452.案例 - 根据公式判断是否还有下一页的数据.mp453.案例 - 为商铺列表页面开启下拉刷新效果.mp454.案例 - 实现下拉刷新的功能.mp455.案例 - 解决下拉刷新窗口效果不会自动关闭的问题.mp456.案例 - 使用wxs处理手机号.mp457.总结.mp4

1-11 微信小程序组件和样式

00.学习目标 .mp401.准备今天要用到的项目.mp402.自定义组件 - 组件的创建与引用 - 创建自定义组件.mp403.自定义组件 - 组件的创建与引用 - 局部引用组件.mp404.自定义组件 - 组件的创建与引用 - 全局引用组件.mp405.自定义组件 - 组件的创建与引用 - 全局引用VS局部引用.mp406.自定义组件 - 组件的创建与引用 - 组件和页面的区别.mp407.自定义组件 - 样式 - 组件的样式隔离特性.mp408.自定义组件 - 样式 - 组件样式隔离的注意点.mp409.自定义组件 - 样式 - 修改组件的样式隔离选项.mp4

1-12 微信小程序数据、方法、属性和数据监听

10.自定义组件 - 数据、方法、属性 - 定义data私有数据.mp411.自定义组件 - 数据、方法、属性 - methods方法.mp412.自定义组件 - 数据、方法、属性 - 定义properties属性.mp413.自定义组件 - 数据、方法、属性 - 使用max属性控制自增的最大值.mp414.自定义组件 - 数据、方法、属性 - data和properties的区别.mp415.自定义组件 - 数据、方法、属性 - 使用setData修改properties的值.mp416.自定义组件 - 数据监听器 - 什么是数据监听器及其语法格式.mp417.自定义组件 - 数据监听器 - 数据监听器的基本用法.mp418.自定义组件 - 数据监听器 - 监听对象属性的变化.mp4

1-13 微信小程序数据监听案例

19.自定义组件 - 数据监听器案例 - 创建组件并定义数据.mp420.自定义组件 - 数据监听器案例 - 渲染组件的UI结构.mp421.自定义组件 - 数据监听器案例 - 定义button的事件处理函数.mp422.自定义组件 - 数据监听器案例 - 监听对象中指定属性的变化.mp423.自定义组件 - 数据监听器案例 - 监听对象中所有属性的变化.mp424.自定义组件 - 纯数据字段 - 什么是纯数据字段.mp425.自定义组件 - 纯数据字段 - 使用规则.mp426.自定义组件 - 纯数据字段 - 使用纯数据字段改造数据监听器案例.mp4

1-14 组件生命周期和插槽

27.自定义组件 - 组件的生命周期 - 组件全部的生命周期函数.mp428.自定义组件 - 组件的生命周期 - 组件主要的生命周期函数.mp429.自定义组件 - 组件的生命周期 - lifetimes节点.mp430.自定义组件 - 组件所在页面的生命周期 - 概念.mp431.自定义组件 - 组件所在页面的生命周期 - pageLifetimes节点.mp432.自定义组件 - 组件所在页面的生命周期 - 生成随机的RGB颜色值.mp433.自定义组件 - 插槽 - 什么是插槽.mp434.自定义组件 - 插槽 - 单个插槽.mp435.自定义组件 - 插槽 - 启用多个插槽.mp436.自定义组件 - 插槽 - 定义和使用多个插槽.mp4

1-15 父子组件通信和behaviors

37.自定义组件 - 父子组件通信 - 了解父子组件之间通信的3种方式.mp438.自定义组件 - 父子组件通信 - 属性绑定.mp439.自定义组件 - 父子组件通信 - 实现子组件的count属性自增+1.mp440.自定义组件 - 父子组件通信 - 了解事件绑定的4个核心实现步骤.mp441.自定义组件 - 父子组件通信 - 了解事件绑定的核心实现代码.mp442.自定义组件 - 父子组件通信 - 通过事件绑定实现count值的同步.mp443.自定义组件 - 父子组件通信 - 使用selectComponent获取组件实例.mp444.自定义组件 - behaviors - 了解什么是behaviors以及它的工作方式.mp445.自定义组件 - behaviors - 创建behavior.mp446.自定义组件 - behaviors - 导入并使用behavior.mp447.自定义组件 - behaviors - 了解behavior中所有可用的节点.mp448.自定义组件 - behaviors - 同名字段的覆盖和组合规则.mp449.自定义组件 - 总结.mp4

1-16 vant 小程序 UI 组件库和API的Promise化

01.导入需要用到的小程序项目.mp402.使用npm包 - 小程序中对npm的支持与限制.mp403.使用npm包 - vant - 了解什么是Vant Weapp.mp404.使用npm包 - vant - 安装Vant组件库.mp405.使用npm包 - vant - 使用Vant组件.mp406.使用npm包 - vant - 定义和使用CSS变量.mp407.使用npm包 - vant - 使用CSS变量定制Vant的主题样式.mp408.使用npm包 - API的Promise化 - 什么是小程序API的Promise化.mp409.使用npm包 - API的Promise化 - 安装并构建miniprogram-api-promise.mp410.使用npm包 - API的Promise化 - 三个步骤实现API的Promise化.mp411.使用npm包 - API的Promise化 - 调用Promise化之后的异步API.mp4

1-17 微信小程序全局数据共享

12.全局数据共享 - 什么是全局数据共享.mp413.全局数据共享 - 小程序中的全局数据共享方案.mp414.全局数据共享 - 安装并构建MobX相关的包.mp415.全局数据共享 - 创建Store实例对象.mp416.全局数据共享 - 定义计算属性.mp417.全局数据共享 - 定义actions方法.mp418.全局数据共享 - 了解将Store中的成员绑定到页面上的实现思路.mp419.全局数据共享 - 将Store中的成员绑定到页面上.mp420.全局数据共享 - 在页面中使用Store中的成员.mp421.全局数据共享 - 了解将Store中的成员绑定到组件上的实现思路.mp422.全局数据共享 - 将Store中的成员绑定到组件上.mp423.全局数据共享 - 在组件中使用Store中的成员.mp4

1-18 分包

24.分包 - 基础概念 - 了解分包的概念以及好处.mp425.分包 - 基础概念 - 分包前后项目的构成.mp426.分包 - 基础概念 - 分包的加载规则.mp427.分包 - 基础概念 - 分包的体积限制.mp428.分包 - 使用分包 - 了解如何配置分包.mp429.分包 - 使用分包 - 演示在项目中如何配置分包.mp430.分包 - 使用分包 - 设置分包的别名并查看分包的体积.mp431.分包 - 使用分包 - 打包原则.mp432.分包 - 使用分包 - 引用原则.mp433.分包 - 独立分包 - 了解什么是独立分包以及它和普通分包的区别.mp434.分包 - 独立分包 - 了解独立分包的应用场景.mp435.分包 - 独立分包 - 将普通分包改造为独立分包.mp436.分包 - 独立分包 - 独立分包的引用原则.mp437.分包 - 分包预下载 - 介绍分包预下载的概念以及好处.mp438.分包 - 分包预下载 - 配置分包的预下载.mp439.分包 - 分包预下载 - 分包预下载的限制.mp4

1-19 自定义tabBar

40.自定义tabBar - 演示案例效果.mp441.自定义tabBar - 了解自定义tabBar的实现步骤.mp442.自定义tabBar - 在app.json中声明自定义tabBar的配置信息.mp443.自定义tabBar - 添加tabBar的代码文件.mp444.自定义tabBar - 基于Vant组件渲染出基本的自定义tabBar效果.mp445.自定义tabBar - 自定义tabBar的图标和文本.mp446.自定义tabBar - 循环渲染tabBar的Item项.mp447.自定义tabBar - 渲染并美化数字徽标的样式.mp448.自定义tabBar - 按需渲染数字徽标.mp449.自定义tabBar - 把Store中sum的值渲染为数字徽标.mp450.自定义tabBar - 实现tabBar页面的切换.mp451.自定义tabBar - 使用全局数据共享解决tabBar选中项不准确的问题.mp452.自定义tabBar - 修改tabBar选中项文本的颜色值.mp453.总结.mp4