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