投稿

angular8实战网易云音乐

7.5万

1192

2019-10-06 21:55:57

未经作者授权，禁止转载

made in 上海钢联 angular8仿造网易云音乐pc端的部分功能，包括：歌单、歌曲、歌手和会员的登录注册等，并实现网易云核心的播放器功能。本课程全程都在实战，在开发过程中会尽力覆盖ng的各种api，项目的模块化、目录设计和组件化等都是以真实项目标准来做的，可复用到日常工作的各项目中去，代码极度精简，期间更有徒手造轮子的过程，是一门学习框架和提升基本功的双休课程。如果能完全掌握，那在使用层面已经非常优秀了。完全可以独自用angular胜任网易云音乐官网这种难度的项目。

会js的云师兄发消息

躺平的兄弟们

1-1 课程介绍

22:33

1-2 接口和源码

02:23

2-1初始化

13:22

2-2模块化设计

15:23

3-1首尾布局

15:22

3-2获取轮播数据

16:24

3-3轮播组件（一）

03:25

3-4轮播组件（二）

23:40

3-5推荐歌单

32:32

3-6入驻歌手

18:33

3-7resolve守卫

13:23

4-1底部播放器布局

14:20

4-2处理歌单数据（一）

15:34

4-3 处理歌单数据（二）

20:17

4-4 滑块组件（一）

20:53

4-5 滑块组件（二）

14:39

4-6 滑块组件（三）

32:38

4-7 滑块组件（四）

31:51

4-8 滑块组件（五）

23:50

4-9 滑块组件（六）

14:32

4-10 滑块组件（七）

04:52

4-11 ngrx初始化

38:44

4-12 播放歌单

22:37

4-13 显示歌曲信息

20:51

4-14 播放-暂停-前进-后退

15:54

4-15 控制播放进度

09:46

4-16 控制音量

16:47

4-17 播放模式

27:03

5-1 初始化播放列表

33:11

5-2 列表滚动

24:20

5-3 处理滚动问题

26:56

5-4 修复随机播放的bug

17:55

5-5 替换setTimeout方法

11:02

5-6 初始化歌词数据与布局

10:29

5-7 歌词解析（一）

33:49

5-8 歌词解析（二）

25:40

5-9 歌词滚动（一）

36:37

5-10 歌词滚动（二）

36:20

5-11 歌词滚动（三）

14:01

5-12 歌词滚动（四）

06:23

5-13 删除和清空歌曲

20:20

5-14 批量提交action

11:33

5-15 自定义clickoutside指令

26:37

5-16 整理优化播放器功能

07:22

5-17 修复歌词和播放模式的bug

04:59

6-1 获取歌单列表数据

18:11

6-2 完成歌单列表-修改歌词正则

28:02

6-3 初始化歌单详情页

07:45

6-4 获取歌单详情的数据

10:11

6-5 展示歌单基础信息

38:44

6-6 展示歌曲列表

15:29

6-7 添加歌曲（一）

30:58

6-8 添加歌曲（二）

13:41

6-9 始化歌曲详情页

03:55

6-10 获取歌曲详情数据

10:42

6-11 完成歌曲详情页

23:49

6-12 初始化歌手页面

15:56

6-13 展示歌手详情

13:31

6-14 完成歌手详情页，补全跳转链接

36:44

7-1 搜索组件（一）

15:03

7-2 搜索组件（二）

14:43

7-3 搜索组件（三）

50:17

7-4 搜索组件（四）

15:47

7-5 搜索组件（五）

10:28

7-6 播放器动画

13:45

7-7 设置tooltip（一）

11:18

7-8 设置tooltip（二）

16:09

7-9 修复删除歌曲的bug

11:11

8-1 创建会员弹窗模块

04:57

8-2 初始化默认的登陆界面

12:57

8-3 设置会员弹窗的ngrx

15:09

8-4 弹窗基本逻辑（一）

35:09

8-5 弹窗基本逻辑（二）

18:04

8-6 弹窗基本逻辑（三）

17:27

8-7 初始化登陆组件（一）

14:41

8-8 初始化登陆组件（二）

10:16

8-9 登陆功能（一）

14:09

8-10 登陆功能（二）

15:04

8-11 登陆功能（三）

22:03

8-12 登陆功能（四）

16:23

8-13 登陆功能（五）

08:38

8-14 登陆功能（六）

27:47

8-15 登陆功能（七）

25:47

8-16 会员签到

15:00

8-17 http拦截器

32:48

9-1 初始化个人中心页

06:08

9-2 获取个人中心数据

22:15

9-3 展示个人中心数据（一）

14:38

9-4 展示个人中心数据（二）

13:40

9-5 展示个人中心数据（三）

19:23

9-6 听歌记录详情页

20:17

9-7 完成歌手详情页

07:23

10-1 收藏功能（一）

16:43

10-2 收藏功能（二）

24:35

10-3 整体改造弹窗逻辑

25:28

10-4 收藏功能（三）

12:08

10-5 收藏功能（四）

26:13

10-6 收藏功能（五）

15:44

11-1 分享功能（一）

17:57

11-2 分享功能（二）

29:02

11-3 分享功能（三）

08:10

11-4 完善收藏和分享

28:40

11-5 收藏歌手

13:49

11-6 修复表单bug

12:31

12-1 初始化注册界面

17:24

12-2 提交表单与倒计时

18:19

12-3 初始化验证码界面

19:44

12-4 实战验证码组件（一）

06:53

12-5 实战验证码组件（二）

34:59

12-6 验证注册（一）

18:08

12-7 验证注册（二）

27:26

12-8 优化弹窗

14:18

13-1 设置页面title

09:53

13-2 设置loadbar

11:03

13-3 置顶组件

02:44

13-4 设置滚动条位置

07:04

13-5 路由懒加载

10:12

13-6 自定义指令ImgDefault

07:53

13-7 tslint

14:55

13-8 修复添加歌曲和随机播放的bug

09:56

13-9 配置proxy解决跨域

06:55

13-10 打包编译

13:51

13-11 区分环境，用express运行编译后的代码

25:48

13-12 总结与规划

11:19

顶部