项目介绍
该项目是一款PC端在线听歌的音乐网站，基于最新react版本的网易云音乐，使用 vite 搭建 React项目，结合 hooks 的使用，状态管理器使用的是zustand，后端接口基于网易云音乐 Node.js API service。 目前整个项目实现了用户登录、音乐播放、歌单列表及详情页、歌曲详情、排行榜等页面功能。
线上Demo: 点我
视频Demo: 哔哩哔哩
React刚学，目前性能优化还属于皮毛，理解还不够透彻，欢迎指正，多多学习，也很欢迎👏🏻👏🏻👏🏻 Star && Fork~ Thanks♪(･ω･)ﾉ，谢谢~
技术栈
目前技术栈：vite + react18.x + react-router-dom + zustand + antd + axio + scss + swiper
下载代码后，npm i 安装一下项目依赖
项目亮点
1、基于media&flex实现响应式布局，使用hooks封装公共逻辑为通用组件；
2、结合antd实现骨架屏预加载动画效果，避免页面长时间白屏或者闪烁等情况
3、基于zustand库，实现全局的用户信息、播放列表信息及用户个性化配置的状态管理
4、实现用户的账号密码、邮箱及二维码扫描登录的方式
5、实现播放列表的滚动，让当前播放歌曲在列表中央，让用户快速定位
6、实现歌词随歌曲的滚动效果
7、项目UI的构思及设计
页面
首页：
歌手列表：
MV列表：
歌单列表：
排行榜：
