仿网易云音乐

我要开发同款
proginn07074224582022年12月22日
134阅读
所属分类 PC网站

作品详情

首页
1.vant组件库
2.vue3组合式api
3.使用axios获取,封装axios

歌单详情页
1.路由跳转
2.路由传参
3.使用vuex实现底部组件的制作
4.使用到H5的知识点以及vue的监听实现播放音乐功能

歌曲详情页
1.使用到vant的抽屉组件
2.使用vue3Marquee组件实现页面头部跑马灯的效果
3.使用css3的知识点实现中间磁盘和磁针的动画效果
4.底部的播放功能使用组件之间的通信进行传值
5.使用动态的class以及计算属性实现对歌词样式的突出显示
6.使用vue的watch监听和ref实现歌词滚动效果
7.使用vuex以及定时器来实现进度条
8.实现上一首下一首的切换

搜索页面
1.使用localStorage进行历史记录的保存,使用ES6的Set对数据进行去重
2.搜索出来的结果也可以进行点击播放

个人中心页面
1.使用路由守卫,进行权限判断
2.如果未登录,进入登录页面,实现登录功能,以及获取token,并保存下来,保持登录状态
3.个人中心页面根据登录成功返回的个人id去获取对应的个人数据进行渲染

可以同时学到
1.使用vue组件化开发
2.vue的双向绑定
3.如何在vue中使用各种第三方组件库
4.页面刷新、数据丢失怎么解决?
5.如何处理数据?
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论