网易云音乐

🎅❄️🎶Optimization project

react网易云音乐(H5)

• api来源(感谢Binaryify不断更新的网易云音乐接口，这也将是这个项目不断拓展下去的坚实依托)

• 源码地址

• 项目预览（请在chrome调试模式下使用）

技术栈

• react：整体使用react-hooks
• Mobx：管理全局状态
• react-router：管理单页面应用路由
• fetch：发起http请求
• Webpack：自动化构建工具，手动搭建webpack。
• ES6：采用ES6语法。
• CSS3：CSS3动画及样式。
• typeScript: 使用ts规范变量声明
• Ant Design Mobile： 阿里云移动UI库

功能介绍

• 登陆
• 首页
• 每日推荐
• 歌单广场
• 排行榜
• 云村热评
• 视频
• MV详情页
• 我的
• 电台模块【电台首页，电台详情, 电台排行榜】
• 搜索【支持单曲，MV，专辑，歌单，电台】
• 播放页【歌词，播放列表，上一首，下一首】

部分功能效果图

安装运行（安装运行前请确定已安装node环境）

• 环境安装：npm install or yarn
• 启动服务：npm run dev
• 发布代码：npm run build

持续更新中...