我爱你,含羞草!
时间:2018-01-10 06:51:19来源:杰瑞文章网点击:作文字数:800字
作文导读:基于 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
基于 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
我爱你,含羞草!一文由杰瑞文章网免费提供,本站为公益性作文网站,此作文为网上收集或网友提供,版权归原作者所有,如果侵犯了您的权益,请及时与我们联系,我们会立即删除!
杰瑞文章网友情提示:请不要直接抄作文用来交作业。你可以学习、借鉴、期待你写出更好的作文。
说说你对这篇作文的看法吧