V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
14ly
V2EX  ›  JavaScript

大神的调试脚本,每一个单词都有深意啊

  •  
  •   14ly · 2015-01-20 20:12:05 +08:00 · 4602 次点击
    这是一个创建于 3630 天前的主题,其中的信息可能已经有所发展或是发生改变。

    原文http://bluereader.org/article/7793329

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

    大家能直接理解上面吗,我不行

    13 条回复    2015-01-20 23:15:49 +08:00
    ETiV
        1
    ETiV  
       2015-01-20 20:32:20 +08:00
    给页面的每一个元素增加一个 1px solid 颜色随机的描边....

    $$ 是啥, 浏览器自带的么.
    14ly
        3
    14ly  
    OP
       2015-01-20 20:47:41 +08:00
    @ETiV 原文中是有的,chrome控制台专用
    bcxx
        4
    bcxx  
       2015-01-20 20:52:52 +08:00
    开个地图炮,这难道不只是说明大部分前端程序员连个位运算都不会么……
    laoyuan
        5
    laoyuan  
       2015-01-20 20:54:45 +08:00
    PHP程序员也不需要会
    laobubu
        6
    laobubu  
       2015-01-20 21:31:10 +08:00 via Android   ❤️ 1
    补充一下 那个 ~~(x) 就是取整用的写法。

    但是这样出来的颜色值位数不对大丈夫?
    bombless
        7
    bombless  
       2015-01-20 21:47:35 +08:00
    没学过的可以继续学嘛……
    人家这样写是人家的自由,你可以不这样写
    hiluluke
        8
    hiluluke  
       2015-01-20 22:02:19 +08:00
    觉得这样写。。。比较难维护。
    deepurple
        9
    deepurple  
       2015-01-20 22:02:26 +08:00
    好像没觉得有多复杂...
    cloudream
        10
    cloudream  
       2015-01-20 22:15:48 +08:00
    -_-| 其实完全不需要数学知识就能看懂

    * + for each -> style -> outline -> 1px solid #whatever

    看不懂的得先学英文和CSS再考虑数学
    est
        11
    est  
       2015-01-20 22:16:55 +08:00
    这是在吐槽js没法forEach一个HTMLCollection么。哈哈哈哈哈。
    7anshuai
        12
    7anshuai  
       2015-01-20 22:40:55 +08:00
    github上的140bytes活动中的代码,类似的还有很多在 http://140byt.es
    pysama
        13
    pysama  
       2015-01-20 23:15:49 +08:00
    @laobubu 颜色值是对的啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2596 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 03:28 · PVG 11:28 · LAX 19:28 · JFK 22:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.