[个人项目] 使用 Vuejs 完成的音乐播放器

Foreword

虽然音乐播放这类的项目的静态展示居多,业务逻辑并不复杂，但是对于我这种后端出身的前端萌新来说，能使用vuejs完成大部分功能, 也会有许多收获。

api：我使用的是一个开源的 nodejs 封装的网易云音乐 api，名叫NeteaseCloudMusicApi
文档地址
github地址
感谢大佬提供的学习资源.
我的项目地址

Project Preview

loginmainplayer

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Technology stack

  1. Vuejs - The Progressive JavaScript Framework
  2. axios - Promise based HTTP client for the browser and node.js
  3. Vuex - Vuex is a state management pattern + library for Vue.js applications.
  4. scss - Syntactically Awesome Style Sheets
  5. flexible - Alibaba Mobile adaptation scheme
  6. px2remLoader - Change 'px' to 'rem'
  7. better-scroll - It's a plugin which is aimed at solving scrolling circumstances on the mobile side
  8. Vue-Lazyload: Vue module for lazyloading images in applications
  9. iconfont - 阿里巴巴矢量图标库

预计完成的功能

posted @ 2018-10-01 19:41  今天代码写完了吗  阅读(639)  评论(3)  编辑  收藏  举报