慕课vue音乐项目手记

music-list组件编写

- 可以这样来绑定style属性

  • :style="bgStyle"
  • computed:{
      bgStyle() {
          return `background-image:url(${this.bgImage})`
      }
    
    }

play组件的编写

-this.nextTick的用法

var vm=new Vue({
 el:'#app',
  data:{
    message:'first'
  },
 methods:{
    change:(){
      this.message=change;
     console.log(this.message)
      this.$nextTick(function(){
       console.log(this.message)
     })
    }
}

play歌曲的连续切换

  • @canplay是监听的必须加载完的函数
  • @error 是错误
    <audio ref="audio" :src="currentSong.url" @canplay="ready" @error="error"></audio>
    

JS中的单竖线“|”运算符

  • 在后的的数位0的时候类似于Math.floor()
    console.log(0.6|0)//0
    console.log(1.1|0)//1
    console.log(3.65555|0)//3
    console.log(5.99999|0)//5
    console.log(-7.777|0)//-7
    
笔记
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。