一行很好的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)

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。