黑马微信小程序从基础到uni-app项目实战

wnx520

课程简介:
本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。
学完小程序基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。
项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

课程目录:
微信小程序基础
——Day1   
00.学习目标.mp4  4.81M
01.小程序简介.mp4  15.76M
02.注册小程序账号&安装开发者工具.mp4  32.85M
03.创建第一个小程序项目.mp4  42.31M
04.认识小程序项目的基本组成结构.mp4  69.16M
05.认识小程序页面.mp4  36.74M
06.小程序的宿主环境.mp4  23.04M
07.组件 - view和scroll-view组件的基本用法.mp4  35.21M
08.组件 - swiper和swiper-item的基本用法.mp4  27.32M
09.组件 - text和rich-text组件的基本用法.mp4  18.89M
10.组件 - button和image组件的基本用法.mp4  35.72M
11. 小程序 API 的3大分类.mp4  8.97M
12.协同工作 - 小程序权限管理的概念以及成员管理的两个方面.mp4  16.65M
13.协同工作 - 开发者的权限说明以及如何维护项目成员.mp4  12.89M
14. 发布 - 了解小程序的版本阶段与上线的主要步骤.mp4  13.02M
15. 发布 - 小程序的推广与运行数据的查看.mp4  15.07M
16.总结.mp4  10.70M
——Day2   
00.学习目标.mp4  5.24M
01.数据绑定.mp4  34.46M
02.事件绑定.mp4  38.84M
03.事件传参与数据同步.mp4  65.48M
04.条件渲染.mp4  49.25M
05.列表渲染.mp4  32.33M
06.wxss - wxss与css的关系.mp4  5.26M
07.wxss - rpx单位.mp4  23.48M
08.wxss - 样式导入.mp4  10.95M
09.wxss - 全局样式与局部样式.mp4  24.22M
10.全局配置 - 常用的全局配置项以及小程序窗口的组成部分.mp4  7.32M
11. 全局配置 - window - 导航栏.mp4  23.78M
12.全局配置 - window - 下拉刷新.mp4  32.25M
13.全局配置 - window - 设置上拉触底的距离.mp4  16.08M
14.全局配置  - tabBar.mp4  68.91M
15.小程序的页面配置.mp4  28.83M
16.数据请求 - GET和POST请求.mp4  68.70M
17.数据请求 - request请求的注意事项.mp4  14.95M
18.案例 - 实现本地生活的首页基础布局.mp4  126.19M
19.总结.mp4  12.15M
——Day3   
00.学习目标.mp4  12.45M
01.声明式导航.mp4  39.28M
02.编程式导航.mp4  28.33M
03.导航传参.mp4  30.90M
04.下拉刷新.mp4  44.30M
05.上拉触底.mp4  27.30M
06.上拉触底案例 - 初步实现上拉触底效果.mp4  46.73M
07.上拉触底案例 - 添加loading效果和节流处理.mp4  31.99M
08.扩展 - 自定义编译模式.mp4  17.62M
09.生命周期的概念与分类.mp4  8.61M
10.生命周期函数的概念与分类.mp4  7.00M
11.应用和页面的生命周期函数.mp4  30.84M
12.wxs的概念.mp4  12.99M
13.wxs的基本用法.mp4  45.98M
14.案例 - 演示案例效果并实现导航跳转.mp4  37.60M
15.案例 - 设置标题内容并创建编译模式.mp4  29.40M
16.案例 - 获取并渲染商铺列表的数据.mp4  69.55M
17.案例 - 初步实现上拉加载效果.mp4  39.61M
18.案例 - 判断数据是否加载完毕.mp4  36.27M
19.案例 - 实现下拉刷新功能.mp4  52.99M
20.使用wxs处理手机号.mp4  37.47M
21.总结.mp4  8.66M
——Day4   
00.学习目标.mp4  7.05M
01.准备今天要用到的项目.mp4  3.33M
02.初步安装和使用vant组件库.mp4  53.79M
03.自定义组件的样式.mp4  35.48M
04.自定义组件的data和methods.mp4  21.58M
05.自定义组件的properties.mp4  42.72M
06.自定义组件的数据监听器.mp4  35.90M
07.自定义组件的数据监听器案例.mp4  64.29M
08.自定义组件的纯数据字段.mp4  23.86M
09.自定义组件的生命周期函数.mp4  32.86M
10.组件所在页面的生命周期函数.mp4  31.97M
11.自定义组件的插槽.mp4  34.02M
12.组件通信 - 使用属性绑定实现父向子共享数据.mp4  28.11M
13.组件通信 - 使用自定义事件实现子向父共享数据.mp4  39.63M
14. 组件通信 - 使用selectComponent获取组件实例.mp4  26.70M
15.自定义组件的behaviors.mp4  40.56M
16.总结.mp4  10.00M
└──Day5   
01.导入需要用到的小程序项目.mp4  4.26M
02.初步创建并使用自定义组件.mp4  44.71M
03.使用css变量定制vant主题样式.mp4  57.56M
04.小程序API的Promise化.mp4  47.75M
05.全局数据共享 - 了解全局数据共享方案和MobX.mp4  22.82M
06.全局数据共享 - 创建Store实例并定义计算属性与actions方法.mp4  34.18M
07.全局数据共享 - 在页面中使用Store中的成员.mp4  50.64M
08.全局数据共享 - 在组件中使用Store中的成员.mp4  41.65M
09.分包的基础概念.mp4  16.92M
10.分包的基本用法.mp4  40.96M
11.独立分包.mp4  20.40M
12.分包预下载.mp4  29.72M
13.在app.json中定义tabBar的配置信息.mp4  23.58M
14.初步实现自定义的tabBar效果.mp4  46.99M
15.渲染tabBar上的数字徽标.mp4  68.03M
16.实现tabBar页面的切换效果.mp4  30.95M
17.修改tabBar选中项文本的颜色值.mp4  7.09M
18.总结.mp4  6.39M
——资料


微信小程序项目
——Day1   
01.项目介绍与项目文档.mp4  20.50M
02.配置uni-app的开发环境.mp4  38.52M
03.初始化uni-app项目.mp4  105.60M
04.配置tabBar效果.mp4  66.14M
05.首页 - 轮播图效果.mp4  87.10M
06.首页 - 配置小程序分包.mp4  25.36M
07.首页 - 点击轮播图跳转到商品详情页.mp4  18.90M
08.首页 - 封装uni.$showMsg()函数.mp4  19.02M
09.首页 - 实现分类导航区域.mp4  44.06M
10.首页 - 获取楼层数据并渲染楼层的标题.mp4  38.09M
11.首页 - 渲染楼层中的图片.mp4  51.75M
12.首页 - 点击楼层图片跳转到商品列表页面.mp4  51.12M
13.分支的合并与提交.mp4  18.54M
——Day2   
01.分类 - 创建cate分支以及分类页面的编译模式.mp4  9.70M
02.分类 - 初始化分类区域的页面布局.mp4  57.44M
03.分类 - 获取并渲染一级分类的列表数据.mp4  32.93M
04.分类 - 渲染二级和三级分类列表.mp4  67.76M
05.分类 - 优化分类页面的效果.mp4  46.95M
06.搜索 - 介绍搜索功能并创建search分支.mp4  14.81M
07.搜索 - 自定义组件 - 渲染my-search组件的基本结构.mp4  60.07M
08.搜索 - 自定义组件 - 封装自定义属性和click事件.mp4  48.12M
09.搜索 - 自定义组件 - 导航跳转与吸顶效果.mp4  32.17M
10.搜索 - 搜索建议 - 自动获得焦点与防抖处理.mp4  66.92M
11.搜索 - 搜索建议 - 实现搜索建议列表.mp4  59.62M
12. 搜索 - 索建议 - 点击搜索Item项导航到商品详情页.mp4  12.95M
13.搜索 - 搜索历史 - 渲染搜索历史的基本结构.mp4  43.56M
14.搜索 -搜索历史 - 处理搜索关键词.mp4  69.27M
15.搜索 - 搜索历史 - 清空搜索历史记录.mp4  8.27M
16.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面.mp4  11.45M
17.搜索 - 分支的合并与提交.mp4  12.46M
——Day3   
01.商品列表 - 功能介绍-分支创建.mp4  14.60M
02.商品列表 - 请求并渲染商品列表的数据.mp4  83.52M
03.商品列表 - 把商品Item项封装为自定义组件.mp4  27.75M
04.商品列表 - 使用过滤器处理商品价格.mp4  9.28M
05.商品列表 - 上拉加载更多商品.mp4  46.30M
06.商品列表 - 下拉刷新列表数据.mp4  24.24M
07.商品列表 - 点击商品item项导航到商品详情页面.mp4  11.51M
08.商品列表 - 分支的合并与提交.mp4  16.10M
09.商品详情 - 创建分支-添加编译模式.mp4  11.44M
10.商品详情 - 获取商品详情的数据.mp4  23.64M
11.商品详情 - 轮播图效果.mp4  30.33M
12.商品详情 - 渲染并美化商品信息区域.mp4  52.85M
13.商品详情 - 渲染商品详情的数据并优化详情页的显示.mp4  53.97M
14.商品详情 - 渲染商品导航区域.mp4  53.56M
15.商品详情 - 分支的合并与提交.mp4  14.46M
16.加入购物车 - 初始化vuex.mp4  39.79M
17.加入购物车 - 实现加入购物车的功能.mp4  61.08M
18.加入购物车 - 动态统计购物车中商品的总数量.mp4  30.69M
19.加入购物车 - 持久化存储购物车中的商品.mp4  22.97M
20.加入购物车 - 优化商品详情页的total侦听器.mp4  16.88M
21.加入购物车 - 动态设置tabBar的数字徽标.mp4  45.55M
——Day4   
01.购物车页面 - 演示效果并创建编译模式.mp4  13.18M
02.购物车页面 - 商品列表 - 渲染商品列表区域的结构.mp4  37.34M
03.购物车页面 - 商品列表 - 基于props封装radio的勾选状态.mp4  41.62M
04.购物车页面 - 商品列表 - 修改购物车商品的勾选状态.mp4  63.41M
05.购物车页面 - 商品列表 - 封装NumberBox.mp4  38.76M
06.购物车页面 - 商品列表 - 封装num-change事件.mp4  27.27M
07.购物车页面 - 商品列表 - 优化NumberBox组件.mp4  34.87M
08.购物车页面 - 商品列表 - 修改购物车中商品的数量.mp4  23.99M
09.购物车页面 - 商品列表 - 实现滑动删除功能.mp4  47.46M
10.购物车页面 - 收货地址 - 初步封装my-address组件.mp4  70.15M
11.购物车页面 - 收货地址 - 实现选择收货地址的功能.mp4  27.82M
12.购物车页面 - 收货地址 - 渲染收货人的信息.mp4  27.17M
13.购物车页面 - 收货地址 - 把address信息存储到vuex中.mp4  29.29M
14.购物车页面 - 收货地址 - 将vuex中的address持久化存储到本地.mp4  16.60M
15.购物车页面 - 收货地址 - 将addstr抽离为getters.mp4  13.03M
16.购物车页面 - 收货地址 - 重新选择收获地址-取消授权时的问题.mp4  11.63M
17.购物车页面 - 收货地址 - 解决重新授权的问题.mp4  59.37M
——Day5   
01.购物车页面 - 结算 - 封装结算区域的组件.mp4  47.44M
02.购物车页面 - 结算 - 动态计算已勾选商品的数据和选中状态.mp4  45.49M
03.购物车页面 - 结算 - 实现商品的全选与反选功能..mp4  29.72M
04.购物车页面 - 结算 - 动态渲染已勾选商品的总价格.mp4  19.56M
05.购物车页面 - 结算 - 动态计算tabBar中购物车徽标的值.mp4  12.30M
06.购物车页面 - 结算 - 渲染购物车为空时候的页面结构.mp4  35.67M
07.购物车页面 - 分支的合并与提交.mp4  12.37M
08.登录与支付 - 登录 - 点击结算按钮进行条件判断.mp4  32.43M
09.登录与支付 - 登录  - 初步渲染页面的布局结构.mp4  50.36M
10.登录与支付 - 登录  - 获取用户的基本信息.mp4  36.10M
11. 登录与支付 - 登录 - 将用户的基本信息存储到vuex.mp4  32.60M
12. 登录与支付 - 登录 - 调用uni.login获取code对应的值.mp4  26.33M
13. 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件.mp4  4.52M
14. 登录与支付 - 登录 - 获取登录的Token并存储到vuex中.mp4  34.90M
15.登录与支付 - 用户信息 - 渲染用户的头像和昵称.mp4  34.20M
16.登录与支付 - 用户信息 - 渲染第1个面板区域.mp4  26.64M
17.登录与支付 - 用户信息 - 渲染第2个面板区域.mp4  25.08M
18.登录与支付 - 用户信息 - 渲染第3个面板区域.mp4  14.00M
19.登录与支付 - 用户信息 - 实现退出登录的功能.mp4  24.88M
20.登录与支付 - 三秒跳转 - 初步实现3秒倒计时跳转的功能.mp4  55.21M
21.登录与支付 - 三秒跳转 - 登录成功后导航到登录之前的页面.mp4  59.08M
22.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段.mp4  34.39M
23.登录与支付 - 微信支付 - 了解微信支付的流程.mp4  13.66M
24.登录与支付 - 微信支付 - 创建订单.mp4  57.87M
25.登录与支付 - 微信支付 - 订单预支付.mp4  22.20M
26.登录与支付 - 微信支付 - 实现微信支付.mp4  36.87M
27.登录与支付 - 分支的合并与提交.mp4  12.04M
28.发布 - 了解为什么要进行发布.mp4  4.27M
29.发布 - 将uni-app项目发布为小程序.mp4  28.94M
30.发布 - 将uni-app项目发布为安卓App.mp4  38.01M
——资料


下载地址:

游客，如果您要查看本帖隐藏内容请回复

csa

啥也不说了，感谢楼主分享哇！

gxkm

啥也不说了，感谢楼主分享哇！

mytest123

啥也不说了，感谢楼主分享哇！

whj1984

啥也不说了，感谢楼主分享哇！

lf1988103

啥也不说了，感谢楼主分享哇！

80lanren

确实是难得好帖啊，顶先

taurusleexia

正需要，支持楼主大人了！

sslyecx

谢谢分享！

DJW

啥也不说了，感谢楼主分享哇！