import fastclick from 'fastclick'

fastclick.attach(document.body)

alias: {
  // code
  'common': resolve('src/common'),
  'components': resolve('src/components')
}

import router from './router/index'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router, // 不能用大写,会报错.??
  render: h => h(App)
})

.recommend-content
  positon fixed
  top 88px
  left 0
  right 0
  bottom 0

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad, {
  loading: require('common/image/ff.png') // 替代预览的图片
  })

this.$router.push({
  path: `/singer/${singer.id}`
})

div {
  animation-play-state: paused;
  -webkit-animation-play-state: paused; /* Safari 和 Chrome */
} // 动画的css代码要同时赋予

// viewbox 视口的区域 0,0到100,100
<svg :width="radius" :height="radius" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  // r:半径 cx/cy:圆心坐标
  <circle class="progress-background" r="50" cx="50" cy="50" fill="transparent" />
  // stoke-dasharray:描边距离(总长) stroke-dashoffset:描边偏移(显示长度)
  <circle class="progress-bar" r="50" cx="50" cy="50" fill="transparent" stroke-dasharray="100" />
</svg>

let arr = [1, 2, 3]
let newArr = arr // 这样赋值不能创建新的数组,只是对原数组的引用
for(let i = 0 ; i < newArr.length ; i++) {
  newArr[i] += 1
}
console.log(newArr) // 2,3,4
console.log(arr) // 2,3,4

 let {songlist, topinfo} = res // 解构: res有很多属性,提取特定属性,赋给其他变量
 let ret = {topinfo, songlist}

export function debounce(func, delay) {
  let timer

  return function (...args) {
    if (timer) {
      console.log(timer)
      clearTimeout(timer)
    }
    timer = setTimeout(() => {
      func.apply(this, args)
    }, delay)
  }
}

if (this.beforeScroll) {
  this.scroll.on('beforeScrollStart', () => {
    this.$emit('beforeScroll')
  })
}

<scroll @beforeScroll="listScroll"></scroll>

listScroll() {
      this.$emit('listScroll')
    },

<suggest @listScroll="blurInput">

blurInput() {
      this.$refs.searchBox.blur()
    },

// img:专辑图片 container:img的容器
_cdAnimation(container, img) {
  const cTransform = getComputedStyle(container).transform
  const iTransform = getComputedStyle(img).transform
  container.style[transform] = cTransform === 'none'
  ? iTransform
  : iTransform.concat(' ', cTransform)
  },

import storage from 'good-storage'

const SEARCH_KEY = '__search__'
const SEARCH_MAX_LENGTH = 15

// compare:findindex传入的是function,所以不能直接传val
function insertArray(arr, val, compare, maxLen) {
  const index = arr.findIndex(compare)
  if (index === 0) {
    return
  }
  if (index > 0) {
    arr.splice(index, 1)
  }
  arr.unshift(val) // 插入到数组最前
  if (maxLen && arr.length > maxLen) {
    arr.pop() // 删除末位元素
  }
}

// 存储搜索历史
export function saveSearch(query) {
  let searches = storage.get(SEARCH_KEY, [])
  insertArray(searches, query, (item) => {
    return item === query
  }, SEARCH_MAX_LENGTH)
  storage.set(SEARCH_KEY, searches)
  return searches
}
// 加载本地缓存的搜索历史
export function loadSearch() {
  return storage.get(SEARCH_KEY, [])
}

_getDiscList() {
  getDiscList()
    .then((res) => {
      if (res.code === ERR_OK) {
        this.discList = res.data.list
      }
    })
    .catch(() => {
      console.log('没,没有推荐,开始请求模拟数据...')
      setTimeout(() => {
        this.discList = require('../../../static/recommend.json').data.list
      }, 2000)
    })
},

<div v-if="currentLyric">
  <p ref="lyricLine" class="text" :class="{'current': currentLineNum === index}" v-for="(line, index) in currentLyric.lines" :key="line.id">
    {{line.txt}}
  </p>
</div>
<div v-else> // v-else和v-if并列 else不用写条件
  <p class="text">暂无歌词</p>
</div>

// 开头调用:
var express = require('express')
var axios = require('axios')
var app = express()
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

// devServer的最后添加:
    before(app) {
      app.get('/api/getDiscList', function (req, res) {
        var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg' // 原api
        axios.get(url, {
          headers: {
            referer: 'https://c.y.qq.com/',
            host: 'c.y.qq.com'
          },
          params: req.query
        }).then((response) => {
          res.json(response.data)
        }).catch((e) => {
          console.log(e)
        })
      })
    }

import jsonp from 'common/js/jsonp'
import {commonParams, options} from './config'
import axios from 'axios'

export function getDiscList() {
  const url = '/api/getDiscList'

  const data = Object.assign({}, commonParams, {
    platform: 'yqq', // 加引号
    hostUin: 0,
    sin: 0,
    ein: 29,
    sortId: 5,
    needNewCode: 0,
    categoryId: 10000000,
    rnd: Math.random(),
    format: 'json'
  })

  return axios.get(url, {
    params: data
  }).then((res) => {
    return Promise.resolve(res.data)
  })
}

import {getDiscList} from 'api/recommend'

_getDiscList() {
  getDiscList().then((res) => {
    if (res.code === ERR_OK) {
      console.log('推荐:', res)
      this.discList = res.data.list
    } else {
      console.log('没,没有推荐')
    }
  })
}