功能页面都比较简单,但是常见需求都有(搜索、列表、页面跳转、数据状态管理)
适合拿来练手的入门级前端 Demo
- React:https://netease-music-app-nine.vercel.app
- Next:https://netease-music-app.vercel.app
- Vue:https://vue-music-app-navy.vercel.app
- React : creact-react-app/redux/react router/antd-mobile
- Next : material-ui/swr/react hooks
- Vue : vuex/vux/vue router/better-scroll
以 next 框架为例
1、clone
git clone https://git.luolix.top.cnpmjs.org/janyin/netease-music-app
cd netease-music-app
2、安装依赖
cd next
yarn
3、本地运行
yarn dev
4、打包
yarn build
- 推荐歌单
- 歌单详情
- 歌曲搜索
- 歌词滚动播放
- 歌曲排行榜
- TypeScript/Angular 版本
- 登录/登出
- 歌曲 MV 播放 ...