Dron 博客

水果忍者 JS 版

2012-07-13 by Dron

今天把憋了 N 久的水果忍者游戏通过 JS 小组的官微 进行了首发。

出乎意料的收获是：JS 小组的官微一下子涨了 300+ 个粉丝，也遇到不少人来问关于实现上的事，这篇博文里，我将做下简单的介绍。

Demo: http://ucren.com/demos/fruit-ninja/

危险：IE 下使用 cloneNode 注意事项

2012-04-20 by Dron

在开发「百度地裂特效」时，发现了一些匪夷所思的 Bug，第一反应是特效本身的代码与页面上原有的脚本发生了冲突，经过调试发现，问题出现在 cloneNode。

cloneNode 是 HtmlElement 上的方法，用于创建指定 DOM 节点的拷贝，它接受一个布尔参数 include_all，如果 include_all 设置为 true，则副本会带有指定节点的所有子节点。

然而，<script> 标签也是 DOM 节点，cloneNode 对其有效，经实测各浏览器（尤其是 IE）对 cloneNode 执行结果表现不一致，主要现象为以下两种：

• IE，至少是 IE8 及以下，对某节点 cloneNode 时，如果该节点包含 <script> 节点，那么 <script> 节点的脚本内容「有可能」会被再次执行一次。
• 非 IE 浏览器，cloneNode 某节点，包含的 <script> 节点的脚本内容不会被再次执行。

IE 以外的浏览器表现令我满意，而针对于上面所述 IE 的「有可能」，还分以下两种情况：