项目是基于Vue.js,成品是一个Vue2.0开发企业级移动端音乐Web App,来源于imooc的实战课程《Vue2.0开发企业级移动端音乐Web App》,自己动手实践并加以拓展,仅供自己学习使用。 项目的大致流程是Vue-cli构建开发环境,分析需求,设计构思,规划目录结构,开始编程。
- MVVM框架:
Vue.js (版本2.x) - 状态管理:
Vuex - 前端路由:
Vue Router - 服务端通讯:
axios、jsonp - 移动端滚动库:
better-scroll - 构建工具:
webpack 2.0 -
stylus
- 歌曲列表
- 歌手列表
- 详情页面
- 搜索页面
- 播放器
fastclick消除浏览器300毫秒的延迟babel-runtime对es6的语法进行转换Vuex实现数据共享jsonp- 开发手机app在index.html机上
viewport better-scroll- vue js做动画
create-keyframe-animation - 优化搜索请求,懒加载js
项目里note.md
# 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项目难度4星,主要是对vue全家桶全掌握。共勉~