Skip to content

GoldL/Vue-Music

Repository files navigation

vue-music(Vue2.0开发企业级移动端音乐Web App)


概述

项目是基于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全家桶全掌握。共勉~

About

Vue2.0开发企业级移动端音乐Web App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors