模仿的音乐webapp
2018-08-28 本文已影响0人
JAZI
基于 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
