2022最新前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)-05.首页

已购课程

个人中心 

内容中心

 关注我们

进入关怀模式

APP下载

反馈

05.首页 - 轮播图效果

1452 播放

下载

手机看

登录后可发评论

评论沙发是我的～

选集(178)

自动播放

[1] 01.小程序简介

1.9万播放

06:46

01.小程序简介

[2] 02.注册小程序账号&安装开发者工...

6998播放

14:00

02.注册小程序账号&安装开发者工具

[3] 03.创建第一个小程序项目

6558播放

16:28

03.创建第一个小程序项目

[4] 04.认识小程序项目的基本组成结构

5846播放

26:42

04.认识小程序项目的基本组成结构

[5] 05.认识小程序页面

4253播放

15:50

05.认识小程序页面

[6] 06.小程序的宿主环境

3288播放

11:35

06.小程序的宿主环境

[7] 07.组件 - view和scro...

4323播放

13:30

07.组件 - view和scroll-view组件的基本用法

[8] 08.组件 - swiper和sw...

3903播放

10:11

08.组件 - swiper和swiper-item的基本用法

[9] 09.组件 - text和rich...

2734播放

06:11

09.组件 - text和rich-text组件的基本用法

[10] 10.组件 - button和im...

2506播放

12:51

10.组件 - button和image组件的基本用法

[11] 11. 小程序 API 的3大分类

3023播放

03:34

11. 小程序 API 的3大分类

[12] 12.协同工作 - 小程序权限管理...

3103播放

08:25

12.协同工作 - 小程序权限管理的概念以及成员管理的两个方面

[13] 13.协同工作 - 开发者的权限说...

2598播放

05:11

13.协同工作 - 开发者的权限说明以及如何维护项目成员

[14] 14. 发布 - 了解小程序的版本...

2131播放

06:04

14. 发布 - 了解小程序的版本阶段与上线的主要步骤

[15] 15. 发布 - 小程序的推广与运...

2320播放

05:37

15. 发布 - 小程序的推广与运行数据的查看

[16] 01.数据绑定

3004播放

11:18

01.数据绑定

[17] 02.事件绑定

3299播放

12:42

02.事件绑定

[18] 03.事件传参与数据同步

2645播放

20:08

03.事件传参与数据同步

[19] 04.条件渲染

1950播放

15:31

04.条件渲染

[20] 05.列表渲染

1826播放

09:54

05.列表渲染

[21] 06.wxss - wxss与cs...

2253播放

02:19

06.wxss - wxss与css的关系

[22] 07.wxss - rpx单位

1751播放

08:04

07.wxss - rpx单位

[23] 08.wxss - 样式导入

1582播放

03:21

08.wxss - 样式导入

[24] 09.wxss - 全局样式与局部...

2076播放

07:19

09.wxss - 全局样式与局部样式

[25] 10.全局配置 - 常用的全局配置...

1460播放

03:21

10.全局配置 - 常用的全局配置项以及小程序窗口的组成部分

[26] 11. 全局配置 - window...

2105播放

07:41

11. 全局配置 - window - 导航栏

[27] 12.全局配置 - window ...

1428播放

09:53

12.全局配置 - window - 下拉刷新

[28] 13.全局配置 - window ...

1927播放

03:02

13.全局配置 - window - 设置上拉触底的距离

[29] 14.全局配置 - tabBar

1457播放

20:39

14.全局配置 - tabBar

[30] 15.小程序的页面配置

1652播放

08:43

15.小程序的页面配置

[31] 16.数据请求 - GET和POS...

1802播放

21:03

16.数据请求 - GET和POST请求

[32] 17.数据请求 - request...

1349播放

04:44

17.数据请求 - request请求的注意事项

[33] 18.案例 - 实现本地生活的首页...

2655播放

36:38

18.案例 - 实现本地生活的首页基础布局

[34] 2022最新前端微信小程序开发教程...

2677播放

03:50

[35] 01.声明式导航

2223播放

12:55

01.声明式导航

[36] 02.编程式导航

1395播放

09:02

02.编程式导航

[37] 03.导航传参

1383播放

09:27

03.导航传参

[38] 04.下拉刷新

1583播放

13:26

04.下拉刷新

[39] 05.上拉触底

1486播放

07:26

05.上拉触底

[40] 06.上拉触底案例 - 初步实现上...

2167播放

13:57

06.上拉触底案例 - 初步实现上拉触底效果

[41] 07.上拉触底案例 - 添加loa...

2176播放

09:25

07.上拉触底案例 - 添加loading效果和节流处理

[42] 08.扩展 - 自定义编译模式

1150播放

05:10

08.扩展 - 自定义编译模式

[43] 09.生命周期的概念与分类

1712播放

02:58

09.生命周期的概念与分类

[44] 10.生命周期函数的概念与分类

1260播放

02:26

10.生命周期函数的概念与分类

[45] 11.应用和页面的生命周期函数

1766播放

09:08

11.应用和页面的生命周期函数

[46] 12.wxs的概念

1644播放

04:24

12.wxs的概念

[47] 13.wxs的基本用法

1185播放

14:51

13.wxs的基本用法

[48] 14.案例 - 演示案例效果并实现...

1796播放

09:17

14.案例 - 演示案例效果并实现导航跳转

[49] 15.案例 - 设置标题内容并创建...

975播放

08:01

15.案例 - 设置标题内容并创建编译模式

[50] 16.案例 - 获取并渲染商铺列表...

1249播放

18:26

16.案例 - 获取并渲染商铺列表的数据

[51] 17.案例 - 初步实现上拉加载效...

839播放

07:51

17.案例 - 初步实现上拉加载效果

[52] 18.案例 - 判断数据是否加载完...

1561播放

08:43

18.案例 - 判断数据是否加载完毕

[53] 19.案例 - 实现下拉刷新功能

778播放

10:48

19.案例 - 实现下拉刷新功能

[54] 20.使用wxs处理手机号

1118播放

07:43

20.使用wxs处理手机号

[55] 2022最新前端微信小程序开发教程...

1070播放

02:39

[56] 01.准备今天要用到的项目

1591播放

01:11

01.准备今天要用到的项目

[57] 02.初步安装和使用vant组件库

1522播放

16:06

02.初步安装和使用vant组件库

[58] 03.自定义组件的样式

1567播放

11:21

03.自定义组件的样式

[59] 04.自定义组件的data和met...

1221播放

06:38

04.自定义组件的data和methods

[60] 05.自定义组件的properti...

1854播放

12:56

05.自定义组件的properties

[61] 06.自定义组件的数据监听器

1839播放

11:11

06.自定义组件的数据监听器

[62] 07.自定义组件的数据监听器案例

1297播放

19:28

07.自定义组件的数据监听器案例

[63] 08.自定义组件的纯数据字段

1303播放

07:36

08.自定义组件的纯数据字段

[64] 09.自定义组件的生命周期函数

1088播放

10:11

09.自定义组件的生命周期函数

[65] 10.组件所在页面的生命周期函数

755播放

09:23

10.组件所在页面的生命周期函数

[66] 11.自定义组件的插槽

1517播放

10:46

11.自定义组件的插槽

[67] 12.组件通信 - 使用属性绑定实...

1438播放

08:47

12.组件通信 - 使用属性绑定实现父向子共享数据

[68] 13.组件通信 - 使用自定义事件...

1709播放

12:20

13.组件通信 - 使用自定义事件实现子向父共享数据

[69] 14. 组件通信 - 使用sele...

1574播放

06:58

14. 组件通信 - 使用selectComponent获取组件实例

[70] 15.自定义组件的behavior...

1655播放

12:34

15.自定义组件的behaviors

[71] 01.导入需要用到的小程序项目

805播放

01:14

01.导入需要用到的小程序项目

[72] 02.初步创建并使用自定义组件

917播放

14:43

02.初步创建并使用自定义组件

[73] 03.使用css变量定制vant主...

1189播放

17:01

03.使用css变量定制vant主题样式

[74] 04.小程序API的Promise...

1522播放

14:42

04.小程序API的Promise化

[75] 05.全局数据共享 - 了解全局数...

1375播放

07:45

05.全局数据共享 - 了解全局数据共享方案和MobX

[76] 06.全局数据共享 - 创建Sto...

777播放

10:29

06.全局数据共享 - 创建Store实例并定义计算属性与actions方法

[77] 07.全局数据共享 - 在页面中使...

685播放

15:08

07.全局数据共享 - 在页面中使用Store中的成员

[78] 08.全局数据共享 - 在组件中使...

1142播放

12:00

08.全局数据共享 - 在组件中使用Store中的成员

[79] 09.分包的基础概念

997播放

06:01

09.分包的基础概念

[80] 10.分包的基本用法

1032播放

12:53

10.分包的基本用法

[81] 11.独立分包

752播放

07:00

11.独立分包

[82] 12.分包预下载

1028播放

09:43

12.分包预下载

[83] 13.在app.json中定义ta...

885播放

06:40

13.在app.json中定义tabBar的配置信息

[84] 14.初步实现自定义的tabBar...

1177播放

12:58

14.初步实现自定义的tabBar效果

[85] 15.渲染tabBar上的数字徽标

1346播放

17:48

15.渲染tabBar上的数字徽标

[86] 16.实现tabBar页面的切换效...

1605播放

08:04

16.实现tabBar页面的切换效果

[87] 17.修改tabBar选中项文本的...

638播放

01:32

17.修改tabBar选中项文本的颜色值

[88] 02.配置uni-app的开发环境

2302播放

10:56

02.配置uni-app的开发环境

[89] 03.初始化uni-app项目

1779播放

29:13

03.初始化uni-app项目

[90] 04.配置tabBar效果

1562播放

18:30

04.配置tabBar效果

[91] 05.首页 - 轮播图效果

1452播放

待播放

05.首页 - 轮播图效果

[92] 06.首页 - 配置小程序分包

1039播放

04:59

06.首页 - 配置小程序分包

[93] 07.首页 - 点击轮播图跳转到商...

952播放

04:19

07.首页 - 点击轮播图跳转到商品详情页

[94] 08.首页 - 封装uni.$sh...

1089播放

04:29

08.首页 - 封装uni.$showMsg()函数

[95] 09.首页 - 实现分类导航区域

983播放

11:18

09.首页 - 实现分类导航区域

[96] 10.首页 - 获取楼层数据并渲染...

1410播放

09:25

10.首页 - 获取楼层数据并渲染楼层的标题

[97] 11.首页 - 渲染楼层中的图片

1436播放

11:45

11.首页 - 渲染楼层中的图片

[98] 12.首页 - 点击楼层图片跳转到...

1226播放

08:28

12.首页 - 点击楼层图片跳转到商品列表页面

[99] 01.分类 - 创建cate分支以...

1411播放

02:39

01.分类 - 创建cate分支以及分类页面的编译模式

[100] 02.分类 - 初始化分类区域的页...

949播放

15:38

02.分类 - 初始化分类区域的页面布局

[101] 03.分类 - 获取并渲染一级分类...

993播放

08:44

03.分类 - 获取并渲染一级分类的列表数据

[102] 04.分类 - 渲染二级和三级分类...

698播放

17:24

04.分类 - 渲染二级和三级分类列表

[103] 05.分类 - 优化分类页面的效果

1510播放

12:52

05.分类 - 优化分类页面的效果

[104] 06.搜索 - 介绍搜索功能并创建...

1231播放

03:51

06.搜索 - 介绍搜索功能并创建search分支

[105] 07.搜索 - 自定义组件 - 渲...

1367播放

16:06

07.搜索 - 自定义组件 - 渲染my-search组件的基本结构

[106] 08.搜索 - 自定义组件 - 封...

913播放

12:36

08.搜索 - 自定义组件 - 封装自定义属性和click事件

[107] 09.搜索 - 自定义组件 - 导...

673播放

07:16

09.搜索 - 自定义组件 - 导航跳转与吸顶效果

[108] 10.搜索 - 搜索建议 - 自动...

613播放

17:23

10.搜索 - 搜索建议 - 自动获得焦点与防抖处理

[109] 11.搜索 - 搜索建议 - 实现...

1518播放

14:54

11.搜索 - 搜索建议 - 实现搜索建议列表

[110] 12. 搜索 - 索建议 - 点击...

1343播放

02:39

12. 搜索 - 索建议 - 点击搜索Item项导航到商品详情页

[111] 13.搜索 - 搜索历史 - 渲染...

1004播放

10:55

13.搜索 - 搜索历史 - 渲染搜索历史的基本结构

[112] 14.搜索 -搜索历史 - 处理搜...

1349播放

18:32

14.搜索 -搜索历史 - 处理搜索关键词

[113] 15.搜索 - 搜索历史 - 清空...

732播放

01:52

15.搜索 - 搜索历史 - 清空搜索历史记录

[114] 16.搜索 - 搜索历史 - 点击...

1261播放

02:38

16.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面

[115] 17.搜索 - 分支的合并与提交

1120播放

03:06

17.搜索 - 分支的合并与提交

[116] 02.商品列表 - 请求并渲染商品...

1154播放

21:34

02.商品列表 - 请求并渲染商品列表的数据

[117] 03.商品列表 - 把商品Item...

721播放

04:54

03.商品列表 - 把商品Item项封装为自定义组件

[118] 04.商品列表 - 使用过滤器处理...

1288播放

02:04

04.商品列表 - 使用过滤器处理商品价格

[119] 05.商品列表 - 上拉加载更多商...

1355播放

11:35

05.商品列表 - 上拉加载更多商品

[120] 06.商品列表 - 下拉刷新列表数...

766播放

05:39

06.商品列表 - 下拉刷新列表数据

[121] 07.商品列表 - 点击商品ite...

952播放

02:38

07.商品列表 - 点击商品item项导航到商品详情页面

[122] 08.商品列表 - 分支的合并与提...

934播放

03:23

08.商品列表 - 分支的合并与提交

[123] 09.商品详情 - 创建分支-添加...

1491播放

03:01

09.商品详情 - 创建分支-添加编译模式

[124] 10.商品详情 - 获取商品详情的...

1003播放

05:07

10.商品详情 - 获取商品详情的数据

[125] 11.商品详情 - 轮播图效果

1324播放

07:54

11.商品详情 - 轮播图效果

[126] 12.商品详情 - 渲染并美化商品...

961播放

11:30

12.商品详情 - 渲染并美化商品信息区域

[127] 13.商品详情 - 渲染商品详情的...

1023播放

12:45

13.商品详情 - 渲染商品详情的数据并优化详情页的显示

[128] 14.商品详情 - 渲染商品导航区...

725播放

12:33

14.商品详情 - 渲染商品导航区域

[129] 15.商品详情 - 分支的合并与提...

744播放

03:13

15.商品详情 - 分支的合并与提交

[130] 16.加入购物车 - 初始化vue...

1472播放

11:41

16.加入购物车 - 初始化vuex

[131] 17.加入购物车 - 实现加入购物...

978播放

16:42

17.加入购物车 - 实现加入购物车的功能

[132] 18.加入购物车 - 动态统计购物...

722播放

06:38

18.加入购物车 - 动态统计购物车中商品的总数量

[133] 19.加入购物车 - 持久化存储购...

957播放

04:47

19.加入购物车 - 持久化存储购物车中的商品

[134] 20.加入购物车 - 优化商品详情...

932播放

03:19

20.加入购物车 - 优化商品详情页的total侦听器

[135] 21.加入购物车 - 动态设置ta...

566播放

12:52

21.加入购物车 - 动态设置tabBar的数字徽标

[136] 01.购物车页面 - 演示效果并创...

1216播放

03:41

01.购物车页面 - 演示效果并创建编译模式

[137] 02.购物车页面 - 商品列表 -...

1150播放

09:54

02.购物车页面 - 商品列表 - 渲染商品列表区域的结构

[138] 03.购物车页面 - 商品列表 -...

1456播放

10:26

03.购物车页面 - 商品列表 - 基于props封装radio的勾选状态

[139] 05.购物车页面 - 商品列表 -...

1100播放

09:46

05.购物车页面 - 商品列表 - 封装NumberBox

[140] 06.购物车页面 - 商品列表 -...

1205播放

07:28

06.购物车页面 - 商品列表 - 封装num-change事件

[141] 07.购物车页面 - 商品列表 -...

1383播放

09:38

07.购物车页面 - 商品列表 - 优化NumberBox组件

[142] 08.购物车页面 - 商品列表 -...

1368播放

05:37

08.购物车页面 - 商品列表 - 修改购物车中商品的数量

[143] 09.购物车页面 - 商品列表 -...

566播放

13:18

09.购物车页面 - 商品列表 - 实现滑动删除功能

[144] 10.购物车页面 - 收货地址 -...

787播放

18:30

10.购物车页面 - 收货地址 - 初步封装my-address组件

[145] 11.购物车页面 - 收货地址 -...

1047播放

05:56

11.购物车页面 - 收货地址 - 实现选择收货地址的功能

[146] 12.购物车页面 - 收货地址 -...

1102播放

06:08

12.购物车页面 - 收货地址 - 渲染收货人的信息

[147] 13.购物车页面 - 收货地址 -...

1170播放

08:44

13.购物车页面 - 收货地址 - 把address信息存储到vuex中

[148] 14.购物车页面 - 收货地址 -...

1021播放

04:12

14.购物车页面 - 收货地址 - 将vuex中的address持久化存储到本地

[149] 15.购物车页面 - 收货地址 -...

667播放

03:07

15.购物车页面 - 收货地址 - 将addstr抽离为getters

[150] 16.购物车页面 - 收货地址 -...

1112播放

03:23

16.购物车页面 - 收货地址 - 重新选择收获地址-取消授权时的问题

[151] 01.购物车页面 - 结算 - 封...

655播放

11:46

01.购物车页面 - 结算 - 封装结算区域的组件

[152] 02.购物车页面 - 结算 - 动...

1238播放

13:11

02.购物车页面 - 结算 - 动态计算已勾选商品的数据和选中状态

[153] 03.购物车页面 - 结算 - 实...

1332播放

06:32

03.购物车页面 - 结算 - 实现商品的全选与反选功能

[154] 04.购物车页面 - 结算 - 动...

1286播放

04:42

04.购物车页面 - 结算 - 动态渲染已勾选商品的总价格

[155] 05.购物车页面 - 结算 - 动...

1090播放

02:47

05.购物车页面 - 结算 - 动态计算tabBar中购物车徽标的值

[156] 06.购物车页面 - 结算 - 渲...

640播放

07:01

06.购物车页面 - 结算 - 渲染购物车为空时候的页面结构

[157] 07.购物车页面 - 分支的合并与...

1451播放

03:07

07.购物车页面 - 分支的合并与提交

[158] 08.登录与支付 - 登录 - 点...

1210播放

08:22

08.登录与支付 - 登录 - 点击结算按钮进行条件判断

[159] 09.登录与支付 - 登录 - ...

1399播放

14:19

09.登录与支付 - 登录 - 初步渲染页面的布局结构

[160] 10.登录与支付 - 登录 - ...

1236播放

10:14

10.登录与支付 - 登录 - 获取用户的基本信息

[161] 11. 登录与支付 - 登录 - ...

1560播放

07:56

11. 登录与支付 - 登录 - 将用户的基本信息存储到vuex

[162] 12. 登录与支付 - 登录 - ...

1235播放

06:01

12. 登录与支付 - 登录 - 调用uni.login获取code对应的值

[163] 13. 登录与支付 - 登录 - ...

569播放

01:23

13. 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件

[164] 14. 登录与支付 - 登录 - ...

1651播放

09:32

14. 登录与支付 - 登录 - 获取登录的Token并存储到vuex中

[165] 15.登录与支付 - 用户信息 -...

804播放

09:47

15.登录与支付 - 用户信息 - 渲染用户的头像和昵称

[166] 16.登录与支付 - 用户信息 -...

1515播放

07:12

16.登录与支付 - 用户信息 - 渲染第1个面板区域

[167] 17.登录与支付 - 用户信息 -...

1192播放

03:56

17.登录与支付 - 用户信息 - 渲染第2个面板区域

[168] 18.登录与支付 - 用户信息 -...

1365播放

02:30

18.登录与支付 - 用户信息 - 渲染第3个面板区域

[169] 19.登录与支付 - 用户信息 -...

1445播放

05:36

19.登录与支付 - 用户信息 - 实现退出登录的功能

[170] 21.登录与支付 - 三秒跳转 -...

1488播放

15:34

21.登录与支付 - 三秒跳转 - 登录成功后导航到登录之前的页面

[171] 22.登录与支付 - 微信支付 -...

633播放

06:21

22.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段

[172] 23.登录与支付 - 微信支付 -...

1473播放

02:53

23.登录与支付 - 微信支付 - 了解微信支付的流程

[173] 24.登录与支付 - 微信支付 -...

747播放

11:15

24.登录与支付 - 微信支付 - 创建订单

[174] 25.登录与支付 - 微信支付 -...

1244播放

04:21

25.登录与支付 - 微信支付 - 订单预支付

[175] 26.登录与支付 - 微信支付 -...

1361播放

06:49

26.登录与支付 - 微信支付 - 实现微信支付

[176] 27.登录与支付 - 分支的合并与...

1193播放

03:01

27.登录与支付 - 分支的合并与提交

[177] 28.发布 - 了解为什么要进行发...

1498播放

01:00

28.发布 - 了解为什么要进行发布

[178] 29.发布 - 将uni-app项...

2027播放

08:00

29.发布 - 将uni-app项目发布为小程序