阿里九周年庆

2008-09-12

清早上班时逍遥子站在门口发「阿里橙」的小册子，就感觉到浓厚的节日气氛。阿里的九周年，这里很热闹。本人的语文不是很好，只好照片描述。

忘记说了，上面的是狮子（支付宝「盾盾」）不是狗……

--Split--

顺便说一下， UED 的人最近似乎都狂热追求苹果，独行前几天也搞了台（娘的，世道不公），下面晾下他的小白以及正淳的「媳妇」。

如果你想亲眼看下这些「烧包」，正好 UED 现在在招人，有兴趣的可以看下。

JSON 格式化工具

2008-09-11

前端人员和后台开发交换的数据常常是 Json 格式的，但 Json 的内容往往是一行输出，不容易阅读。虽然有时候可以简单的在 Firfox 地址栏里面输入

javascript:console.info(eval('(' + json + ')'));

但这样的做法甚为麻烦，而且不适用于 Json 非常长的情况。于是花了点时间，写了个 Json 格式化工具

最后，有任何的意见或者建议，欢迎联系。

2008-09-09

Google Chrome 的发布，使我们更加的注重基于 WebKit 核心的浏览器的表现情况，但我们很多时候「不小心」就会出现问题。考虑下面极端的情况

.box {
    background: red;
    #
    background: yellow;
    background: #green;
}

经过测试发现，Exploer 系列浏览器会显示黄色（yellow），Firefox 与 Opera 则会显示红色（red），而 Safari 以及 Chrome 则会显示绿色（green）。

按照本人的理解，这是各浏览器 CSS 解释上的差异造成的。首先，Safari 会对于 #red 这样的「常量颜色值」会尝试解析，而其他浏览器则取「#」后面的 16 进制色值。

然后对于

.box {
    #
    background: yellow;
}

的理解，Exploer 系列会直接解析成 background: yellow; 而其他浏览器则等待「;」然后连接起来，所以不起作用。类似的可以使用

.box {
    .
    background: yellow;
}

测试下。但如果语句后面加上分号「;」

.box {
    #; /* 或者 .; */
    background: yellow;
}

则会恢复正常。可以参考这里，获得更进步的详细信息。

总结下的结论，首先，比如你想针对 Exploer 仅 Hack 一条语句，那么可以在其上行简单加个「.」或者「#」，这仅适合临时调试使用。

其次，期前如果不小心写成 #red 这样的色值，可能会无关要紧。但就目前众多的浏览器情况而言，可能就会有上述意想不到的结果，所以 CSS 方面的细节我们要更慎重的对待。