Vue 开发移动端音乐WebApp--笔记

1.3个没用过的插件

“babel-runtime”: “^6.0.0”,
模拟一个ES2015的环境，就像babel-polyfill一样，只不过babel-runtime只在引入的模块中起作用。
“fastclick”: “^1.0.6”
所有的点击没有300毫秒的延迟
移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。
“babel-polyfill”: “^6.2.0”,
用来实现es6的转换
vue-lazyload
图片懒加载，节约资源

2.最新版vuejs没有dev-server.js

方法：修改webpack.dev.conf.js中的代码

1.前面先定义一下
const axios = require(‘axios’)
2.在devServer中添加一个before方法

3.右侧垂直方向居中

水平方向居中
align-items:center

垂直方向居中
flex-direction: column
justify-content:center

4.fastclick和better-click冲突

添加一个needsclick的类，图片就可以被点击

5.prefixStyle()函数使用

操作css3的一些属性，为了浏览器的兼容性，我们需要添加一些前缀。
如果写在css样式中，编辑器自带的功能一般可以实现&#x