微信扫码体验(PS:网址打开后,点击访问原网页)
基础:HTML5/CSS3/JavaScript(ES6)
前端框架:React.js (版本16.x)
前端路由:React Router (版本4.x)
数据共享:React 自带的 Context
服务端通讯:Fetch API
CSS预处理:Less
移动端滚动库:better-scroll (实现轮播图、歌词滚动)
过渡动画:React Transition Group
构建工具:Webpack
其他:
- HTML5 audio及相关媒体API,用于歌曲播放控制及媒体信息展示。
- Storage API 的 localStorage,用于播放模式、当前歌曲、播放列表的记录。
- Touch events,用于进度条交互实现。
- 使用Flex布局以及百分比尺寸方案进行移动设备屏幕适配。
- 接口服务数据有两部分:静态资源文件(提供歌单列表数据,爬自网易云音乐)、名流互联API(其中的网易云音乐数据API) 链接。由此本项目未创建后端部分。