10 2013 档案
摘要：1 var canvas = document.getElementById("myCanvas"); 2 if(canvas.getContext == null){ 3 return false; 4 } 5 var context = canvas.getContext("2d"); 6 context.shadowBlur = 20; 7 context.shadowColor = "rgb(0,0,0)"; 8 context.fillRect(150,150,100,100); 9 10 context.sh...
阅读全文
摘要：1 2 3 4 5 A basic HTML5 blog homepage 6 9 10 11 12 13 14 15 16 17 18 19 71 72
阅读全文
摘要：1 2 3 4 5 drag 6 9 10 11 12 -->13 14 15 A drawing of something.16 17 18 93 94
阅读全文
摘要：1 var oWrap = document.getElementById("wrap"); 2 function setOpacity(node, level){ 3 node = typeof node === "string" ? document.getElementById(node) : node; 4 if(!document.all){ 5 node.style.opacity = level/100; 6 }else{ 7 ...
阅读全文
摘要：原始代码： 1 var i = iResult = 0; 2 function sum(a,b){ 3 4 for (var i = 0; i 1 function sum(a,b){ 2 var i = iResult = 0; 3 for (var i = 0; i 1 function sum(a,b){ 2 var i = iResult = 0; 3 a = 0, b = 2; 4 for (var i = 0; i 1 function add(x, y){2 arguments[1] = 2; 3 ...
阅读全文
摘要：1 function handleResponse(resp){2 console.log(resp);3 }4 var script = document.createElement("script");5 script.src = "http://suggest.taobao.com/sug?code=utf-8&q=y&_ksTS=1382437929671_723&callback=handleResponse&k=1&area=c2c&bucketid=14";6 document.body.ap
阅读全文
摘要：1 var name = "ww"; 2 var page = { 3 4 init : function(name){ 5 //this.name = "uu"; 6 console.log(this.name); 7 document.body.onclick = function(){ 8 console.log("winter's wind, 走走停停"); 9 };10 }11 };12 ...
阅读全文
摘要：1 var page = {2 say : function(){3 console.log("uu");4 },5 init : function(){6 this.say();7 }8 };9 page.init();函数作为对象的方法调用， this指向这个对象，即page。 1 var name = "ww"; 2 var page = { 3 say : function(){ 4 console...
阅读全文
摘要：1 //console.log(HTMLElement); IE 78 不支持 HTMLElement 2 // 遍历一边文档 删除空格 但是性能太差！！！ 3 function cleanWhitespace(element){ 4 element = element || document; // 如果不提供参数，则处理整个文档 5 6 var cur = element.firstChild; 7 8 while( cur != null){ 9 var temp = cur....
阅读全文
摘要：1 //命名空间 2 var MYAPP = MYAPP || {}; 3 4 MYAPP.namespace = function(ns_string){ 5 var parts = ns_string.split("."), 6 parent = MYAPP, 7 i; 8 9 // 剥离全局10 if(parts[0] === "MYAPP"){11 parts = parts.slice(1);12 }13 14 ...
阅读全文
摘要：经过两个星期的“无所事事”，两个星期的“欲睡昏昏”，把javascript高级程序设计看第二遍看到DOM了。。。觉得周末真是好~~~ 只是可以享受一下睡眠饱饱的早晨，或者悠哉的下午~ 这一次看的过程，作者要阐述的观点清晰了些。但是我也会去求证。 看阿当的书，觉得有个地方不对：代码如下 1 5 first 6 13 second14 为了避免全局变量的冲突，我们使用闭包，因为一个function 会有各自的作用域，从而保护里面的变量。但是很多时候我们的js代码有互动性，但是不是一个模块的，又不想放在一起。按照书上所说的，创造一个全局变量，但是那种方法只对引用类型才起作用。因为是基本...
阅读全文
摘要：1 var btn1 = document.createElement("input"); 2 btn1.type = "radio"; 3 btn1.name = "choose"; 4 var btn2 = document.createElement("input"); 5 btn2.type = "radio"; 6 btn2.name = "choose"; 7 var btn3 = document.createElement("input")
阅读全文
摘要：1 function createFunctions(){ 2 3 var result = []; 4 5 for(var i = 0; i < 10; i++){ 6 result[i] = function(){ 7 return i; 8 }; 9 console.log(i);10 }11 console.log("最终i : ", i);12 13 //return result;14 ...
阅读全文
摘要：1 holdPostion : function(){ 2 var $cont = $(".cont"), 3 $guide = $(".guide"), 4 offset = $guide.offset(), // jQuery 的 offset() 是相对于 document文档的 偏移 -- 、js 的 offsetLeft 是相对于定位的 Parent 偏移 5 t = offset.top, 6 l ...
阅读全文
摘要：1, 构造函数模式：用函数封装来创建对象 1 // 工厂模式 这种创造了很多function 2 function createPerson(name, age, job){ 3 var o = new Object(); 4 o.name = name; 5 o.age = age; 6 o.job = job; 7 o.sayName = function(){ 8 console.log(this.name); 9 }10 return o;11...
阅读全文
摘要：1 // 延迟加载 2 function add(num1, num2){ 3 if( document.body.addEventListener ){ 4 console.log("really????"); 5 add = function(num1, num2){ 6 sum = num1 + num2; 7 console.log(sum); 8 }; 9 }else{10 add ...
阅读全文
摘要：1 // 位运算2 var row = [1,2,3,4,5,6];3 for(var i = 0, len = row.length; i < len; i++){4 if( i & 1){ // 偶数的二进制最后一位是 ： 0； 奇数 是1 . 跟 1 进行 位与计算5 classname = "old";6 }else{7 classname = "even";8 }9 }
阅读全文
摘要：1 // 绑定事件 初始化分支 只需要检测浏览器1次即可 无需每次调用函数都要检测 2 var btn = document.getElementById("btn"); 3 var btn1 = document.getElementById("btn1"); 4 5 6 var addEvent = document.body.addEventListener ? function(el, type, fn){ 7 el.addEventListener(type, fn, false); 8 } : f...
阅读全文
摘要：1 // 测试脚本运行时间 2 var Timer = { 3 _data : {}, 4 5 start : function(key){ 6 Timer._data[key] = new Date(); 7 }, 8 9 stop : function(key){10 var time = Timer._data[key];11 if(time){12 Timer._data[key] = new Date()...
阅读全文
摘要：1 var url = "/data.php"; 2 var param = [ 3 'id=9898', 4 'limit=20' 5 ]; 6 7 var req = new XMLHttpRequest(); 8 9 req.onreadystatechange = function(){10 if(req.readyState == 4){11 var responseHeaders = req.getAllResponseHeaders(); // 获取响应头信息12 ...
阅读全文
摘要：1 我要连接到百度！ 2 3 4 5 First name: 6 Last name: 7 8 9 10
阅读全文
摘要：1 var str = "chapter12222"; 2 3 var p = /chapter[0-9]{1,2}/; 4 console.log(p.test(str)); // true 5 console.log(p.exec(str)); // chapter12 可以看出只要是 chapter 后面两位数字符合 p 的要求 即可，但是要只匹配两位数字 就需要加 限定符 6 7 var p1 = /chapter[1-9][0-9]/; 8 console.log(p1.test(str)); // true...
阅读全文
摘要：1 var arr = []; 2 function getChild(ele){ 3 for(var i = 0, len = ele.childNodes.length; i < len; i++){ 4 if(ele.childNodes[i].nodeType == 1 || ele.childNodes[i].nodeType == 3){ 5 arr.push(ele.childNodes[i]); 6 } 7 } 8 return arr; 9...
阅读全文
摘要：1 var isArray = function(arr){2 return typeof Array.isArray === "function" ? Array.isArray(arr) : Object.prototype.toString.call(arr) === "[object Array]";3 };4 var arr = [1, 2, 3, 4];5 console.log(isArray(arr));
阅读全文
摘要：1 // 函数传递参数 是 值传递 2 function addTen(num){ 3 num += 10; 4 return num; 5 } 6 7 var count = 20; 8 var result = addTen(count); 9 console.log(result); // 3010 console.log(count); // 20 count在addTen 里面是局部参数，不会改变外部的值11 12 //===========================...
阅读全文
摘要：1 ;(function(global){ 2 3 var G = {}; 4 G.LOG = (function(){ 5 log : 11; // log 不是 G.FUNC 的属性 外界不能访问 6 })(); 7 G.fail = function(){ 8 if( typeof need != "undefined"){ 9 console.log(11);10 }11 };1...
阅读全文
