# Vue-Music

**Repository Path**: iGolden/Vue-Music

## Basic Information

- **Project Name**: Vue-Music
- **Description**: vue-music(Vue2.0开发企业级移动端音乐Web App)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://music.youbego.top/
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2018-10-26
- **Last Updated**: 2023-03-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

#### 概述
  项目是基于Vue.js,成品是一个Vue2.0开发企业级移动端音乐Web App，来源于imooc的实战课程[《Vue2.0开发企业级移动端音乐Web App》](https://coding.imooc.com/class/107.html)，自己动手实践并加以拓展，仅供自己学习使用。
  项目的大致流程是Vue-cli构建开发环境，分析需求，设计构思，规划目录结构，开始编程。

#### 技术栈
  - [x] MVVM框架：`Vue.js （版本2.x）`
  - [x] 状态管理：`Vuex`
  - [x] 前端路由：`Vue Router`
  - [x] 服务端通讯：`axios、jsonp`
  - [x] 移动端滚动库：`better-scroll`
  - [x] 构建工具：`webpack 2.0`
  - [x] `stylus`

#### 视图层
  - 歌曲列表
  - 歌手列表
  - 详情页面
  - 搜索页面
  - 播放器

#### 知识点
  - `fastclick` 消除浏览器300毫秒的延迟
  - `babel-runtime` 对es6的语法进行转换
  - `Vuex`实现数据共享
  - `jsonp`
  - 开发手机app在index.html机上`viewport`
  - `better-scroll`
  - vue js做动画 `create-keyframe-animation`
  - 优化搜索请求,懒加载js

#### 笔记
  > 项目里note.md

#### 效果

#### 构建

``` bash
# 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全家桶全掌握。共勉~