2019-01-15移动端项目总结

• vue init webpack music
• npm install
• npm run dev
• 创建目录时安装相应的stylus，eslint代码校验

fastclick解决移动端点击超过300ms的问题
babel-ployfill用于es6的转义

文件引入后，配置路由，并且在App.vue中引入路由

 <router-link tag="div" class="mine" to="/user">
      <i class="icon-mine"></i>
 </router-link>
 //tag表示路由显示的方式，即以盒子的方式显示

资源请求中XHR代表ajax请求，jsonp用于解决跨域问题
jsonp并不是ajax请求，通过创建<script>标签指向真实请求的服务端
建议了解jsonp的用法

//拼接url
export default function jsonp(url, data, option) {
  url += (url.indexOf('?') < 0 ? '?' : '&') + param(data)

  return new Promise((resolve, reject) => {
    originJsonp(url, option, (err, data) => {
      if (!err) {
        resolve(data)
      } else {
        reject(err)
      }
    })
  })
}

export function param(data) {
  let url = ''
  for (var k in data) {
    let value = data[k] !== undefined ? data[k] : ''
    url += '&' + k + '=' + encodeURIComponent(value)
  }
  return url ? url.substring(1) : ''
}