Silentash-默尘

昨日收到老婆大人送的生日礼物，感动到泪牛满面！扎库米是我一直想要的世界杯吉祥物，模样真太帅呆了！于是拍照炫耀！

PS：晚上光线不是很好，毕竟是纯炫耀贴，请大家无视我的拍照技巧=.=!

以扎库米的名义，期待世界杯早日到来！

附：南非世界杯对阵&比分统计表

前日对iframe的几种文档对象获取方式做了测试，发现一些有趣现象，与大家分享！
假设在页面嵌入如下iframe:
<iframe id="testFrame" name="testFrame" src="#" frameborder="0" border="0" scrolling="no" style="display:none"></iframe>

众所周知，iframe是内嵌窗口，我们可以通过多种方式获取iframe对象及其window\document对象（同域前提），不过哪些是哪些有时会搞不清，测试目的也是为了加深记忆。
比较常见的方法有以下几种，分别测试：

• A:document.getElementById(‘testFrame’)
• B:window.frames['testFrame'];
• C:document.getElementById(‘testFrame’).contentWindow

测试结果(非IE浏览器及IE8)


从测试结果及其比对结果可以看出，A得到的是iframe这个html标签对象，B和C得到的是iframe浏览器对象(window)，有意思的是IE7及以下版本浏览器认为这两者是不恒等的
…

Javascript开发中，需要与0,undefined,null,false进行等同比较时，我们知道，用’===’(恒等)比较靠谱，我是在第一次使用jslint时知道这点的，例如在Jslint中验证
var test = '';
alert(test==0);

会得到提示：
Use '===' to compare with '0'


看看ECMA规范中是如何对==和===操作符进行定义的，了解其深层的规则以及jslint提示的缘由

首先介绍==
11.9.1 等同运算符( == )

运算符规则如下所示：
1. 计算运算符左侧表达式;
2. 对第1步的结果调用GetValue;
3. 计算运算符右侧表达式;
4. 对第1步的结果调用GetValue;
5. 对第4步的结果与第2步结果执行比对（参考 11.9.3）;
6. 返回第5步结果;

再来详细了解比对过程(11.9.3)
11.9.3 抽象的等同比对算法…

IE浏览器的条件注释虽不太常用，却异常强大，不仅可以用来区分IE浏览器版本
仅IE6:
<!--[if IE6]>
怎么该，怎么该……
<![endif]-->

仅IE7:
<!--[if IE7]>
怎么该，怎么该……
<![endif]-->

还可以牛13滴用来区分非IE浏览器：
<!--[if !IE]><-->
怎么该，怎么该……
<![endif]-->

关键是条件注释后头的 <–> 在IE中被当作内部注释，而在非IE浏览器中会闭合之前的注释，从而起到区分非IE浏览器的作用，一般常用<!–>。

Opera开发小组近日发布了mac平台的10.50版本，新增了不少功能，性能上更是提升卓越：

1. 稳定性提升：比之前的pre-alpha版本更稳定
2. 界面更美观：界面越来越美观，不得不承认，Opera开发小组在此下了很大的功夫
3. Opera Unite：此版本支持Opera Unite,用户可以浏览和下载Opera Unite 应用
4. HTML5<video>标签：此版本现在也支持html5 <video>标签啦，这真是个好消息。什么是<video>标签?
5. 独立应用程序式挂件：解决了此前只能在opera windows版本使用独立应用程序式挂件的尴尬局面，更多请查看ODIN post by Patrick Lauke on standalone widgets
6. 新版开发者工具菜单：此版本把常用开发者工具(Opera Dragonfly、cache information和控制台等)统一放到新菜单“View->Developer Tools”中

Opera 10.50性能大比拼：

更多请看：Opera 10.5 grabs browser speed crown

从测试结果来看，Opera10.5 比 safari 4.04 windows版 和 chrome 4.0 还要快15%以上，firefox 已经被前三者远远抛在后面，要加油哦，IE 就不提了=.=!

顶Opera!

注：以上图片摘自wow.com Around Azeroth 图集

置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐

什么是 WEB 重构？如果是前端开发工程师，相信就能给出专业的解答，或许有些在悟道之后还会有不同的见解。本 PPT 针对的不是本行同事，而是针对具有一定前端开发基础的视觉设计师或互联网从业人员。PPT 比较浅显地介绍了 WEB 重构的一些知识，这也是本周我在视觉沙龙所做的分享，以后还会循序渐进地为更多前端开发之外的朋友介绍其他内容，目的当然是让更多前端协作人员和同事了解前端，爱上前端这个新兴职业

虽是老生常谈的内容，熟者当熟，生者必生，前端布道之路还远远没有尽头……

捣鼓 wordpress 时，发现系统里的星级评分的设计方式挺新奇也挺实用，特别是在图床挂掉时还能保持色块指示，在可访问性方面要比普通方法做的更好。

视点:

中部镂空，周围用背景色覆盖的背景图是这个设计的亮点，正好和常规背景图设计相反，很有想法。

将此图放大，可以看的更明白些：

正常状态：

设置其他颜色和透明度：

这种设计的好处在于

1. 可维护性：方便星星的颜色定制，方便换肤
2. 可访问性：图床挂掉时还有背景色做保障，CSS 未加载也能通过内部文字体现涵义

鉴于国内互联网环境的不可预测性，终于在前些日子下决心把博客迁至国外空间。经过几天努力，将博客从zblog转到wordpress，唉，其中的数据转换之麻烦就不说了，转至Godaddy后，速度貌似更慢了，杯具！有空得换个IP了

崇厚妹妹建议我启用二级域名：blog.silentash.com，说比www.silentash.com/blog 看上去专业多了，TMD，他自己还在用 www.xujiwei.com/blog ，算了，二级域名我喜欢，换就换吧。

因为域名与 wordpress 设置都要做变化，之前静态地址都不能用了，所以今天又花了半天时间，为以前的静态地址做了301重定向，搞定，除了速度偏慢，其他一切看上去都像模像样！

有三点希望：

1. godaddy快一点
2. godaddy再快一点
3. godaddy再再快一点