论坛 › 程序人生 › Vue3.0高阶实战：开发高质量音乐Web app 完整版

Sky 发表于 2021-4-9 01:05:49

Vue3.0高阶实战：开发高质量音乐Web app 完整版

Vue3开发企业级音乐Web App 明星讲师带你学习大厂高质量代码

第1章 课程简介
课程简介

第2章 项目初始化和推荐页面开发
本章从项目的初始化开始，介绍了项目是如何初始化的，然后带你编写页面的基础骨架，初始化基础路由。随后教你如何注册后端接口路由来获取数据，带你开发轮播图组件、基础滚动组件以及自定义指令 v-loading。

第3章 歌手页面开发
本章会带你开发歌手页面，从获取歌手列表数据开始，编写 IndexList 索引列表组件，并实现列表固定标题和列表快速导航入口的功能。

第4章 歌手详情页开发
本章会带你开发歌手详情页面，从获取歌曲列表数据和歌曲 url 开始，编写 MusicList 组件展示歌手详情，并且实现滚动交互、路由过渡动画效果。带你初次体验 Vuex 的应用，设计 Vuex 的数据。

第5章 播放器内核组件开发
本章会带你开发最核心的播放器组件，包括播放器的基础样式和歌曲播放功能开发、前进后退、暂停、播放模式切换等逻辑开发、歌曲收藏功能开发。然后带你开发进度组件、歌词相关逻辑、cd 唱片旋转逻辑、手指交互逻辑。接着带你开发 mini 播放器、圆形进度条组件，实现全屏切换过渡效果、左右滑动切换歌曲等功能。最后教你开...

第6章 歌单详情页与排行榜页面开发
本章会带你开发歌单详情页和排行榜页面，教你如何在相似功能中实现组件的复用和进一步的抽象。

第7章 搜索页面开发
本章会带你开发搜索页面，包括搜索框组件的开发、热门搜索模块的开发、Suggest 组件开发、搜素历史功能的开发，让你学会移动端常见的上拉加载的交互实现，以及更多的交互细节和边界情况的处理。

第8章 添加歌曲与用户中心页面开发
本章会带你开发添加歌曲到列表功能以及用户中心页面功能，进一步完善页面的功能，至此，音乐播放器全部功能开发完毕。

第9章 性能优化与项目部署
本章会带你对项目做性能分析，并做一定的性能优化，包括 KeepAlive 组件的应用和路由组件的异步加载。

第10章 课程总结
本章作为课程的最后一章，会提供一些后续的学习建议，在课程问答区老师等着与你进一步交流。


**** Hidden Message *****

dmz305 发表于 2021-4-9 05:03:58

组件的应用和路由组件的异步加载。

hiwoshism 发表于 2021-4-9 05:14:41

谢谢楼主分享~~~~~~~~~额，看不懂在说神马~@_@

loveping 发表于 2021-4-9 05:18:05

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

sananiki 发表于 2021-4-9 07:35:17

这个帖一般般，还可以哦。

leepoo 发表于 2021-4-9 07:35:37

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

mousefat 发表于 2021-4-9 08:06:00

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

ljz779848255 发表于 2021-4-9 08:28:41

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

在风里的飘 发表于 2021-4-9 08:28:51

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

mocha 发表于 2021-4-9 08:33:41

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

查看完整版本: Vue3.0高阶实战：开发高质量音乐Web app 完整版