一行很好的JS代码

[].forEach.call($$("*"),function(a){
  a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
})

这对于调试CSS很有帮助

 

1、获取页面上所有的元素：

　　$$('*')==querySelectorAll('*')==document.all

2、遍历所有的元素

　　通过call或apply方法来调用数组的方法，[].forEach.call 比 Array.prototype.forEach.call 代码量更少

3、给元素添加边框

　　在CSS渲染的盒子模型中(Box Model)中，使用outline并不会改变元素及其布局的位置，因此比border好

4、数字类型的进制转换

　　使用toString方法，如 (100).toString(16)，将10进制的100转成16进制，最大是32进制

5、将浮点数取整

　　使用~~取得整数部分，~~-1231.5234 = -1231，其它等价操作方法：~~-1231.5234 == 0 | -1231.5234 == parseInt(-1231.5234,10)