首页
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组件化