这是一个很基础的问题，但是我们往往经常做错。
当一个数组需要清空的时候，很多人使用下面的方法：
a = [];
我们知道javascript变量存储方式分为引用类型和直接量。数组属于对象，即引用类型，引用的是变量指针地址，之所以这样设计也是为了节省内存。
再说到上面的请空数组的方式，如果采用直接赋值一个新数组的方式，那么之前引用的数组可能不会被释放（有其他的引用），例如下面的代码：
var a = [2,3];
var b = a;
a = [];
console.log(b);
这时候a和b就不是同一个数组了，清空了a而b还是指到之前的引用地址，除非你是故意的，否则这将会有隐患。
所以最佳的请空数组方式是：将length设置为0，即：
a.length = 0;
在《javascript canvas图片像素》中提到了类型数组（Typed Array），javascript这是一种快速操作二进制数据的解决方案。
随着web发展和html5的推进，javascript来处理音视频、二进制文件和网络协议等都成为了可能，这时候原生的数组Array已经不能够满足需求，需要一种快速操作二进制流的东东产生，于是ArrayBuffer类型和Typed Array诞生了。
类型化数组类型表示可编制索引和操纵的ArrayBuffer对象的各种识图。所有数组类型的长度固定不变。如下表所示：
| 名称 | 大小（以字节为单位） | 说明 |
|---|---|---|
| Int8Array | 1 | 8 位二补码有符号整数 |
| Uint8Array | 1 | 8 位无符号整数 |
| Int16Array | 2 | 16 位二补码有符号整数 |
| Uint16Array | 2 | 16 位无符号整数 |
| Int32Array | 4 | 32 位二补码有符号整数 |
| Uint32Array | 4 | 32 位无符号整数 |
| Float32Array | 4 | 32 位 IEEE 浮点数 |
| Float64Array | 8 | 64 位 IEEE 浮点数 |
自己写了一个js模块加载器，所谓的并行其实也不完全是并行的，只是依赖关系模块是并行的。当然我知道现在有很多类似的js框架，而且MixJS也没有做更加全面的浏览器测试，只是跟我的意识写的一个加载器。
项目放在github上面：https://github.com/ksky521/MixJS
算是给2012年的一个总结。
跟玉伯的Seajs不同，也跟CMD和AMD不同，我使用的是依赖关系明确的声明模块方式，这样减少了扫描代码读取依赖关系的方式，开发者虽然有了一定的束缚，但是总体来说，后期的维护成本，代码效率和实时combo、上线打包都会大大的降低成本。
轻量级前端模块化解决方案，提供模块管理、php实时合并、打包工具等方案。可以用于提供给第三方开发者使用的小组件，核心文件可以单独拿出来作为框架core，在此基础上可以开发出一整套的前端框架
MixJS还在开发完善阶段，未作完整兼容性测试，多数代码是出于解决问题的想法而写的，当然也copy了很多牛人的代码，比如cssload回调借鉴了seajs，Deferred来自于jQuery。。。。
。。。。鉴于最近前端圈比较乱，我的小手都开始颤抖，造轮子必然会被喷，我只能说我是根据自己的意识码了这些的代码，据此操作后果自负。。。。
0.2开发完成，现在开发基于0.2模块的开放平台部分代码，主要包括：Deferred（延迟队列）、API（API接口调用）、Widget（小组件）和XDomain（跨域）
模块加载不是单纯的文件加载，需要根据模块规范来写模块哦~
参考github项目readme文件。
关于MixJS的用途，主要解决是模块开发中的管理、加载。
我赞成使用MixJS是：细模块，粗文件。总体来看MixJS适合Widget开发、开放平台开放js开发，也适合作为模块管理器来打造更加强大的前端架构。
不多说了，吹嘘会被喷的，哈哈~
MixJS也借鉴了不少大牛的代码（嗯，你可以说是抄袭），感谢seajs，jQuery，mass，curl.js等作者。
对于javascript作用域的理解，之前整理过两篇文章：《javascript作用域和作用域链》《javascript的词法作用域》。最近读了周爱民老师的《javascript语言精髓》，对javascript作用域有了新的认识，特地整理下思路。
javascript的作用域广义来分：语法作用域和变量作用域。
javascript语法作用域是讨论代码的组织结构上抽象，可以理解为讨论的是“圈地”问题，也有书籍中对纯粹的语法作用域称为“静态作用域”。
语法作用域分四级，下标依次增高
| 级别 | 作用域 |
|---|---|
| 级别一 | 表达式 |
| 级别二 | 语句/批语句 |
| 级别三 | 函数 |
| 级别四 | 全局（宿主） |
- 同级别可以平行也可以相互嵌套（包含）
- 高级别可以嵌套（包含）低级别
- 低级别不可以嵌套（包含）高级别作用域；假如低级别嵌套高u别，可以理解成相互平行，例如下面的代码是完全等效的
if(true){
//
function fn(){
//
}
}
if(true){
//
}
function fn(){
//
}
模块化开发往往最大的问题是解耦，怎么设计一个低耦合的组件呢？这里我用到的方法是时间总线（eventBus）方法，也可以叫做广播事件，模块之间通过发送广播的方式来实现通信，事件发起者只需要派发事件，而不必关心事件是否被接收（订阅）。
广播事件也是自定义事件的一种，不同于自定义事件，广播事件没有绑定的主体，但是都是通过观察者设计模式来写的代码。
大体的javascript实现代码如下：其中包括一些简单方法没有列出，例如$.isUndefined
var _cache = {};
var broadcast = {
/**
* 派发
* @param {[type]} type 事件类型
* @param {[type]} data 回调数据
* @return {[type]} [description]
*/
fire:function(type, data){
var listeners = _cache[type],len = 0;
if(!$.isUndefined(listeners)){
var args = [].slice.call(arguments);
args = args.length > 2 ? args.splice(2, args.length-1) : [];
args = [data].concat(args);
len = listeners.length;
for(var i = 0; i<len;i++){
var listener = listeners[i];
if(listener && listener.callback) {
args = args.concat(listener.args);
listener.callback.apply(listener.scope, args);
}
}
}
return this;
},
/**
* 订阅广播事件
* @param {[type]} types 事件类型，支持,分隔符
* @param {Function} callback 回调函数
* @param {[type]} scope 回调函数上下文
* @return {[type]} this
*/
subscribe:function(types, callback, scope){
types = types || [];
var args = [].slice.call(arguments);
if($.isString(types)){
types = types.split(',');
}
var len = types.length;
if(len===0){
return this;
}
args = args.length > 3 ? args.splice(3, args.length-1) : [];
for(var i = 0;i<len;i++){
var type = types[i];
_cache[type] = _cache[type] || [];
_cache[type].push({callback:callback,scope:scope,args:args});
}
return this;
},
/**
* 退订
* @param {[type]} type [description]
* @param {Function} callback 假如传入则移出传入的监控事件，否则移出全部
* @return {[type]} [description]
*/
unsubscribe:function(type, callback, scope){
var listeners = _cache[type];
if (!listeners) {
return this;
}
if(callback){
var len = listeners.length,
tmp = [];
for(var i=0; i<len; i++) {
var listener = listeners[i];
if(listener.callback == callback && listener.scope == scope) {
} else {
tmp.push(listener);
}
}
listeners = tmp;
}else{
listeners.length = 0;
}
return this;
},
/**
* 订阅别名
* @return {[type]} [description]
*/
on:function(){
return this.subscribe.apply(this,arguments);
},
/**
* 退订别名
* @return {[type]} [description]
*/
un:function(){
return this.unsubscribe.apply(this,arguments);
},
dispatch:function(){
return this.fire.apply(this,arguments);
},
removeAll:function(){
_cache = {};
return this;
}
};
使用方法：
broadcast.fire('event name', json);
broadcast.on('event name', function(data){
console.log(data);
});
使用百度的ueditor富文本编辑器在ie中如果页面设置了document.domain，则会导致编辑器初始化失败，错误信息是拒绝访问，可见是跨域问题导致的。
解决的方法就是在render方法中设置src为一个代理页面，或者javascript伪协议，例如：
container.firstChild.src = "javascript:void((function(){document.open();document.domain='"
+document.domain
+"';document.write('');document.close()})())";
弹出的dialog则需要在\dialogs\internal.js 里也加上:
document.domain = '根域';
至于flash上传问题，需要放个crossdomain.xml文件，具体内容你懂得了……
IE中的contains方法可以判断A元素是否包含B元素，如果包含则返回true，否则返回false，在开发中会在事件代理处理上面用到。W3C的方法是compareDocumentPosition，所以综上来说：JS通过contains和compareDocumentPosition方法来确定DOM节点间的关系,判断一个元素(对象)是否为另一个元素的子元素。
IE的contains方法很简单，但是W3C的DOMElement.contains(DOMNode)方法会返回却是一个数值。
link：https://developer.mozilla.org/En/DOM/Node.compareDocumentPosition。
DOMElement.contains(DOMNode)
返回的不是一个布尔值，而是一个很奇怪的数值，它是通过如下方式累加计算出来的：
| Bits | Number | Meaning |
|---|---|---|
| 000000 | 0 | 元素一致 |
| 000001 | 1 | 节点在不同的文档（或者一个在文档之外） |
| 000010 | 2 | 节点 B 在节点 A 之前 |
| 000100 | 4 | 节点 A 在节点 B 之前 |
| 001000 | 8 | 节点 B 包含节点 A |
| 010000 | 16 | 节点 A 包含节点 B |
| 100000 | 32 | 浏览器的私有使用 |
你尝试过写javascript不用字母和数字吗？最近准备个xss的分享，记起了之前看到过老外一篇文章，内容是关于non-alpha javascript的，拿到代码分析下。
先看这段猥琐的javascript代码：
_=+[];$=_++;__=(_<<_);___=(_<<_)+_;____=__+__;_____=__+___;$$=({}+"")[_____]+({}+"")[_]+({}[$]+"")[_]+(($!=$)+"")[___]+(($==$)+"")[$]+(($==$)+"")[_]+(($==$)+"")[__]+({}+"")[_____]+(($==$)+"")[$]+({}+"")[_]+(($==$)+"")[_];$$$=(($!=$)+"")[_]+(($!=$)+"")[__]+(($==$)+"")[___]+(($==$)+"")[_]+(($==$)+"")[$];$_$=({}+"")[_____]+({}+"")[_]+({}+"")[_]+(($!=$)+"")[__]+({}+"")[__+_____]+({}+"")[_____]+ ({}+"")[_]+({}[$]+"")[__]+(($==$)+"")[___]; ($)[$$][$$]($$$+"('"+$_$+"')")();
看到这里你肯定抓狂了，但是这段代码是可以运行的，运行的结果是 alert('cool code'); 。
这段代码能够运行，原因是javascript是弱类型的脚本语言，而且语法相对松散。例如下面的javascript是正确的，而且是有出乎意料结果的：
前几天看到国外人在github总结的javascript的奇巧淫技（http://t.cn/herRcq），里面对位运算提到的很多，所以来科普一下javascript的位运算。于是找到了w3cschool的这篇教程，很好很强大啊，于是就忍不住转载了……
ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？
有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。数值范围从 -2147483648 到 2147483647。
可以以两种不同的方式存储二进制形式的有符号整数，一种用于存储正数，一种用于存储负数。正数是以真二进制形式存储的，前 31 位中的每一位都表示 2 的幂，从第 1 位（位 0）开始，表示 20，第 2 位（位 1）表示 21。没用到的位用 0 填充，即忽略不计。例如，下图展示的是数 18 的表示法。
18 的二进制版本只用了前 5 位，它们是这个数字的有效位。把数字转换成二进制字符串，就能看到有效位：
var iNum = 18;
alert(iNum.toString(2)); //输出 "10010"
这段代码只输出 “10010”，而不是 18 的 32 位表示。其他的数位并不重要，因为仅使用前 5 位即可确定这个十进制数值。如下图所示：
负数也存储为二进制代码，不过采用的形式是二进制补码。计算数字二进制补码的步骤有三步：
要确定 -18 的二进制表示，首先必须得到 18 的二进制表示，如下所示：
0000 0000 0000 0000 0000 0000 0001 0010
接下来，计算二进制反码，如下所示：
1111 1111 1111 1111 1111 1111 1110 1101
最后，在二进制反码上加 1，如下所示：
1111 1111 1111 1111 1111 1111 1110 1101
1
---------------------------------------
1111 1111 1111 1111 1111 1111 1110 1110
因此，-18 的二进制表示即 1111 1111 1111 1111 1111 1111 1110 1110。记住，在处理有符号整数时，开发者不能访问 31 位。
有趣的是，把负整数转换成二进制字符串后，ECMAScript 并不以二进制补码的形式显示，而是用数字绝对值的标准二进制代码前面加负号的形式输出。例如：
var iNum = -18;
alert(iNum.toString(2)); //输出 "-10010"
这段代码输出的是 “-10010”，而非二进制补码，这是为避免访问位 31。为了简便，ECMAScript 用一种简单的方式处理整数，使得开发者不必关心它们的用法。
另一方面，无符号整数把最后一位作为另一个数位处理。在这种模式中，第 32 位不表示数字的符号，而是值 231。由于这个额外的位，无符号整数的数值范围为 0 到 4294967295。对于小于 2147483647 的整数来说，无符号整数看来与有符号整数一样，而大于 2147483647 的整数则要使用位 31（在有符号整数中，这一位总是 0）。
把无符号整数转换成字符串后，只返回它们的有效位。
注意：所有整数字面量都默认存储为有符号整数。只有 ECMAScript 的位运算符才能创建无符号整数。
作为前端开发人员，总会有点自己的奇技淫巧，毕竟前端开发不同于后端，代码全部暴漏给用户不说，代码冗余了少则影响带宽，多则效率降低。所以今天我也来爆个自己的奇技淫巧。
javascript的String.replace方法应该javascript前端开发工程师都了解，可是你掌握了吗？
replace有接受两个参数，第一个参数可以是字符串，也可以是正则表达式，第二个参数除支持字符串之外，还支持$1形式正则匹配的文本，除此之外还支持传入一个处理函数，这个函数的return值就是要替换成的内容。
了解更多javascript的String.replace用法，访问：http://www.w3school.com.cn/js/jsref_replace.asp
在《javascript获取隐藏dom的宽高》中，我就使用了replace，使用replace做一些重复性的操作，减少不必要的代码。
其实这里说的重复性的工作就是循环！例如，我们要获取假如我要求id为div1和div2的两个元素的宽高，一部分人会一点一点的做，先算完div1的，然后做div2的，这样你是否觉得有部分是充分的操作呢，于是可以将取宽高的函数独立出来，这样多了一个函数，而且函数只用这两次，似乎有点浪费。
于是一部分人想到了使用split切分字符串，然后用Array.forEach做循环。例如下面的代码：
"div1 div2".split(' ').forEach(function(a,i){
console.log(a);
//do something
})