轻交互的收获：
1.挂载window对象
window['Dubhe'] = new Light_interaction_audio();
2.在constructor()里面定义初始的变量
3. vue 里面的data的值只是用于定义初始值,所以赋值的时候是以初始值的形式附上去的，如果想对数据再进行操作，可以在方法里面在对数据进行操作
4.vue的this.$nextTick() 里面可以进行,在页面元素渲染之后的操作
5.用了计时器的时候(setInterval()和setTimeout())，要慎重，要记得清除计时器。
6.js 获取某个div的方法
document.getElementById() // 不需要加#;
document.querySelector();// 需要加元素符号
document.querySelectorAll() // 需要加元素符号
7.js获取某个div的所有css
window.getComputedStyle('dom','attr')
8.[].forEach.call()是一种快速的方法访问forEach，并将空数组的this换成想要遍历的list
[].forEach.call(['a','b;],function(index,item){console.log(index,item);});
document.getComputedStyle()返回的并不是我们想当然的数组,而是NodeList,对NodeList,它里面没有.forEach方法。因此我们可以使用这样的方法进行循环：
var divs = document.querySelectorAll('div');
[].forEach.call(divs,function(div){
// do whatever
div.style.color = 'red';
})
9.js 动态计算div元素的height
document.querySelector('XX').offHeight() 获取的是width+paddding值，没有margin
10.css3的样式要注意兼容性,写样式的时候要有前缀 如: -webkit-transform ; -webkit-animation
