在 Facebook 上有一个彩蛋：
登录 facebook.com ，点击你首页的任何地方，键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 后，再点击页面或滚动一下滚动条，你会发现特殊的变化（如下图），嘿嘿 ^^
玩过“魂斗罗”的朋友，肯定一眼就能看出输入的字符原来就是“魂斗罗”中的“秘技”。其实“秘技”的术语叫 Konami Code，详细见图示：
那如何用 JavaScript 也在自己的页面上添加一个类似的彩蛋呢？
Abhi 在 《Konami Code on Facebook : How to implement it on your site》 一文中提供了大体思路：
var $ = {
enabled: false,
tmp: Array(),
_konamiCode: Array(65,66,39,37,39,37,40,40,38,38),
[...]
经常会遇到这样一个情况：浏览器弹出对话框，提示脚本运行时间过长，询问“停止”还是“继续”。那究竟各个浏览器是如何判断在什么时候才弹出此对话框呢？
IE：执行超过500W条JScript引擎语句出现提示。
Firefox：执行超过10秒出现提示。
Safari：执行超过5秒出现提示。
Opera：无论执行多久都不会出现提示，最有耐性。
Chrome：执行超过约8秒（估计值）出现提示。
注：当弹出类似alert的模式对话框的时候，是不计时。
扩展阅读：
《What determines that a script is long-running?》
... 22 条评论 »年前在重写淘宝旺铺里的会员卡脚本的时候，无意中发现了一个有趣的事情。代码类似：
var associative_array = new Array();
associative_array["one"] = “1″;
associative_array["two"] = “2″;
associative_array["three"] = “3″;
if(associative_array.length > 0) {
// to do
}
会发现 associative_array.length 始终等于 0，当时有点迷惑，后来才知道这就像大家认为 IE 中支持 CSS 属性 display:inline-block 一样，纯属巧合和误解。
实际上（引自《JavaScript “Associative Arrays” Considered Harmful》）：
JavaScript arrays (which are meant to be numeric) are often used to hold key/value pairs. This is bad practice. Object should be used [...]
在浏览器 IE6 、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中测试以下代码（Demo）：
<div id=”test”>
<a href=”#”> test </a>
</div>
<div id=”result”></div>
<script type=”text/javascript”>
(function(){
var test = document.getElementById(’test’);
alert(test.innerHTML);
var result = document.getElementById(’result’);
result.innerHTML = test.innerHTML;
alert(result.innerHTML)
})();
</script>
结果会发现，在 IE6、IE7 浏览器中第二次弹出的 result.innerHTML 中的 A 元素的 href 值成为了绝对路径。
其实先人们早遇到这些问题（感谢 玉伯 提供的资料）：
《getAttribute(”HREF”) is always absolute》
《getAttribute [...]
在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？
我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数。
对于 readyState 状态需要一个补充说明：
在 interactive 状态下，用户可以参与互动。
Opera 其实也支持 js.onreadystatechange，但他的状态和 IE 的有很大差别。
具体实现代码如下：
function include_js(file) {
var _doc = document.getElementsByTagName(’head’)[0];
var js = do... 22 条评论 »
window.name 传输技术，原本是 Thomas Frank 用于解决 cookie 的一些劣势（每个域名 4 x 20 Kb 的限制、数据只能是字符串、设置和获取 cookie 语法的复杂等等）而发明的（详细见原文：《Session variables without cookies》），后来 Kris Zyp 在此方法的基础上强化了 window.name 传输 ，并引入到了 Dojo （dojox.io.windowName），用来解决跨域数据传输问题。
window.name 的美妙之处：name 值在不同的页面（甚至不同域名）加载后依旧存在，并且可以支持非常长的 name 值（2MB）。
window.name 传输技术的基本原理和步骤为：
name 在浏览器环境中是一个全局/window对象的属性，且当在 frame 中加载新页面时，name 的属性值依旧保持不变。通过在 iframe 中加载一个资源，该目标页面将设置 frame 的 name 属性。此 name 属性值可被获取到，以访问 Web 服务发送的信息。但 name 属性仅... 28 条评论 »
DOM Storage，是基于 Web Applications 1.0 specification 中介绍的 Structured client-side storage。相比 Cookies 来说，DOM Stroage 空间更大、更安全、更易于使用的。目前它只在基于Moziila的浏览器中可以使用，从 Firefox2 开始。
一、DOM:Storage: sessionStorage
浏览器支持：Firefox 2.0+
基本语法：
// 设置 key 值
sessionStorage.key = value;
// 获取 key 值
value = sessionStorage.key;
备注：
作为每个 window 对象的属性存在的全局对象，即：可以通过 sessionStorage 或者 window.sessionStorage 来访问它们。
sessionStorage 含有一个在页面会话有效期内（只要页面没有关闭，一个页面会话就始终保持着，且当页面被重新载入或恢复时“复活”，而打开一个新的标签页或新窗口都会初始化新的会话）可用的存储区域。
sessionStorage 持有那些应该保存的临时数据，... 11 条评论 »
前言
现在最流行的本地存储莫过于 cookie 的应用，但浏览器对 cookie 有很多限制，最大的限制在于其对cookie 总大小，仅为 4K 左右（包括名（name）、值（value）和等号）。
对于复杂一点的应用和需求，仅有的 4K 大小还是有点相形见绌，其实很多浏览器（IE、Firefox、Safari）本身也提供了自己的本地存储的功能，或许在特定的环境下能满足我们。
一、userData behavior
浏览器支持：IE5.0 或以上
基本语法：
XML：<Prefix: CustomTag id=sID style=”behavior:url(’#default#userData’)” />
HTML： <ELEMENT style=”behavior:url(’#default#userData’)” id=sID>object.style.behavior = “url(’#default#userData’)”
Script： object.addBehavior (”#default#userData”)
属性：
expires —— 设置或者获取 userData behavior ... 14 条评论 »
今天同事 明城 在项目中碰到一个 BUG，代码具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Firefox下innerHTML的一个BUG</title>
<style type="text/css">
a { display: block; border: 1px solid red;}
div { display: inline; border: 1px solid red;}
</style>
</head>
<body>
<a href="javascript:change();">change<div id="count">20</div>aaa</a>
<script type="text/javascript">
function change() {
var count = document.getElementById(’count’);
var [...]
Hedger Wang 在国内 blog 上得到的方法：使用 try … finally 结构来使对象最终为 null ，以阻止内存泄露。
其中举了个例子：
function createButton() {
var obj = document.createElement(”button”);
obj.innerHTML = “click me”;
obj.onclick = function() {
//handle onclick
}
obj.onmouseover = function() {
[...]
怿飞，前端开发工程师，中国 杭州，现就职于 
：
blankzheng@gmail.com 。
Follow 
witter：blankzheng
