2018-07-04

轻交互的收获：

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