论坛元老
- 威望
- 3612
- 贡献
- 3813
- 热心值
- 3
- 金币
- 4810
- 注册时间
- 2020-2-11
|
〖课程简介〗:
本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。
学完小程序基础之后,利用 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
——资料
|
|