解释下这段代码的意思！

作用

在你的Chrome浏览器的控制台中输入这段代码，你会发现不同HTML层都被使用不同的颜色添加了一个高亮的边框。是不是非常酷？但是，简单来说，这段代码只是首先获取了所有的页面元素，然后使用一个不同的颜色为它们添加了一个1px的边框。

解析

• [].forEach.call() 

  => 调用引用数组的forEach方法

• $$('*') 

  =>

  document.querySelectorAll('*') 

• ~~a

  =>

  parseInt(a)

• 1<<24

  => 对二进数1小数点右移24位

• (parseInt(Math.random()*(1<<24)).toString(16))

  => 获得了一个位于

  0-16777216

  之间的随机整数，也就是随机颜色，再使用

  toString(16)

  将它转化为十六进制数。

手写简版

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

看蒙了，别问我怎么知道的，百度的！！

参考：

• 从一行代码里面学点Javascript ：https://my.oschina.net/l3ve/blog/330358