Skip to content

Latest commit

 

History

History
57 lines (42 loc) · 1.96 KB

README.md

File metadata and controls

57 lines (42 loc) · 1.96 KB

optimization_open_neteasy_cloud

网易云音乐

🎅❄️🎶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

持续更新中...