模仿的音乐webapp

基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。

1.使用技术

• Vue：用于构建用户界面的 MVVM 框架
• vue-router：为单页面应用提供的路由系统，使用了 Lazy Loading Routes 技术来实现异步加载优化性能
• vuex：Vue 集中状态管理，在多个组件共享某些状态时非常便捷
• vue-lazyload：实现图片懒加载，节省用户流量，优化页面加载速度
• better-scroll：解决移动端各种滚动场景需求的插件，使移动端滑动体验更加流畅
• SCSS：css 预编译处理器
• ES6：ECMAScript 新一代语法，模块化、解构赋值、Promise、Class 等方法非常好用
• Node.js：利用 Express 搭建的本地测试服务器
• vue-axios：用来请求后端 API 音乐数据
• vue-cli：Vue 脚手架工具，快速初始化项目代码
  eslint：代码风格检查工具，帮助我们规范代码书写（一定要养成良好的代码规范）
• iconfont ：阿里巴巴图标库，谁用谁知道
• fastclick ：消除 click 移动游览器 300ms 的延

2.代码结构

image.png

3.相关地址

• 源码地址：https://github.com/JAZI6/wyy-music-demo