小猩猩君 - 博客园

2012年7月2日

摘要： 1 var addHandler = document.body.addEventListener ? 2 function(target, eventType, handler) { 3 target.addEventListener(eventType, handler, false); 4 } : function(target, eventType, handler) { 5 target.attachEvent("on" + eventType, handler); 6 }; 7 8 var removeHandler = document.body.remove 阅读全文

posted @ 2012-07-02 17:07 小猩猩君阅读(427) 评论(0) 推荐(0)

延迟加载(lazy loading)

摘要： 1 function addHandler(target, eventType, handler) { 2 if (target.addEventListener) { 3 addHandler = function(target, eventType, handler) { 4 target.addEventListener(eventType, handler, false); 5 }; 6 } else { 7 addHandler = function(target, eventType, handler) { 8 target.attachEvent("on" + 阅读全文

posted @ 2012-07-02 17:01 小猩猩君阅读(240) 评论(0) 推荐(0)

2012年6月29日

赋值取值+arguments

摘要：等项目上线，写点简单的东西练练手 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Cont 阅读全文

posted @ 2012-06-29 15:17 小猩猩君阅读(420) 评论(0) 推荐(0)

2012年6月28日

使用定时器处理数组

摘要：简单的例子:1 for (var i = 0, len = item.length; i < len; i++) {2 process(item[i]);3 }优化条件：1、处理过程是否必须同步？2、数据是否必须按顺序处理？都是否，就看下面的代码： 1 function processArray(items, process, callback) { 2 var todo = items.concat(); 3 4 setTimeout(function() { 5 process(todo.shift()); 6 7 if (todo.length > 0) { 8 setTim 阅读全文

posted @ 2012-06-28 13:45 小猩猩君阅读(847) 评论(0) 推荐(0)

2012年6月27日

appendChild和insertBefore的区别

摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" co 阅读全文

posted @ 2012-06-27 15:09 小猩猩君阅读(666) 评论(0) 推荐(0)

图片滚动

摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; ch 阅读全文

posted @ 2012-06-27 10:51 小猩猩君阅读(147) 评论(0) 推荐(0)

2012年6月26日

正则表达式删除string首尾的空白

摘要： 1 if (!String.prototype.trim) {2 String.prototype.trim = function() {3 return this.replace(/^\s+/, "").replace(/\s+$/, "");4 };5 }67 var str = " \t\n test string ".trim();8 console.log(str == "test string");//true混合解决方案：用正则表达式方法过滤头部空白，用非正则表达式的方法过滤尾部字符。 1 Strin 阅读全文

posted @ 2012-06-26 13:52 小猩猩君阅读(2111) 评论(0) 推荐(0)

2012年6月25日

数组合并法（IE7性能优化）

摘要： 1 var str = "I'm a thirty-five character string.", 2 strs = [], 3 newStr, 4 appends = 5000; 5 6 while (appends--) { 7 strs[strs.length] = str; 8 } 9 10 newStr = strs.join("");以上代码为了让IE7或者更低版本的浏览器性能更优。其他浏览器使用以下代码：1 var str = "I'm a thirty-five character string.", 阅读全文

posted @ 2012-06-25 21:09 小猩猩君阅读(309) 评论(0) 推荐(0)

2012年6月24日

迭代合并排序算法

摘要： 1 function merge(left, right) { 2 var result = []; 3 4 while (left.length > 0 && right.length > 0) { 5 if (left[0] < right[0]) { 6 result.push(left.shift()); 7 } else { 8 result.push(right.shift()); 9 }10 }11 return result.concat(left... 阅读全文

posted @ 2012-06-24 19:22 小猩猩君阅读(549) 评论(0) 推荐(0)

JavaScript二分法

摘要： 1 if (value < 6) { 2 if (value < 3) { 3 if (value == 0) { 4 return result0; 5 } else if (value == 1) { 6 return result1; 7 } else { 8 return result2; 9 }10 } else {11 if (value == 3) {12 return result3;1... 阅读全文

posted @ 2012-06-24 17:18 小猩猩君阅读(339) 评论(0) 推荐(0)

Web Developer

每天板砖养老婆

公告