随笔分类 -  源码解读

摘要://闭包的一种用法 function foo(index){ var foo_index =index; return function(){ console.log(foo_index); } } var a1 = foo(1); var a2 = foo(2); a1();a2();1;2; 阅读全文
posted @ 2013-12-16 10:26 sexy_girl 阅读(129) 评论(0) 推荐(0)
摘要:console.log()用法,相信大家都很熟悉了,这里就不再啰嗦。下面来玩几个新鲜点的,我用的是chrome28,不保证兼容其他浏览器:console.log的第一个参数中可以指定一个格式字符,这样第二个参数就可以定义替换文本或其他内容。%c表示定义一个用于显示参数内容的css样式%s表示定义替换文本1. 给输出到控制台的内容定义颜色、字体等console.log(‘%cHello World’, ‘color: #00c’)console.log(‘%cHello %cWorld’, ‘color: #00c’, ‘color:#0c0;font-size:18px;’)参数中的占位符可定 阅读全文
posted @ 2013-12-15 23:17 sexy_girl 阅读(380) 评论(0) 推荐(0)
摘要://清单 6. JavaScript instanceof 运算符代码 function instance_of(L, R) {//L 表示左表达式,R 表示右表达式 var O = R.prototype;// 取 R 的显示原型 L = L.__proto__;// 取 L 的隐式原型 while (true) { if (L === null) return false; if (O === L)// 这里重点:当 O 严格等于 L 时,返回 true return true; L = L.__proto__; } }//在ze... 阅读全文
posted @ 2013-12-15 12:49 sexy_girl 阅读(207) 评论(0) 推荐(0)
摘要://转化为camel形式 var text = 'border-color-base'; text.replace(/-(\w{1})/g, function (match, chr1) { return chr1.toUpperCase(); }); //转化为dash形式 var text = 'borderColorBase'; // AAAbb, AbbAA, aBBBa //比如AAAbb,得到AA_Abb text.replace(/([A-Z]+)([A-Z][a-z])/g, "$1_$2"). ... 阅读全文
posted @ 2013-12-14 22:43 sexy_girl 阅读(221) 评论(0) 推荐(0)
摘要:/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */;(function(undefined) { if (String.prototype.trim === undefined) // fix for iOS 3.2 String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, '') } // For iOS 3.x // from https://develope 阅读全文
posted @ 2013-12-13 17:01 sexy_girl 阅读(426) 评论(0) 推荐(0)
摘要:BeforeUnload Event Example Try to navigate away from this page. 阅读全文
posted @ 2013-12-12 16:11 sexy_girl 阅读(168) 评论(0) 推荐(0)
摘要:ContextMenu Event Example Right click or Ctrl+click me to get a custom context menu. Click anywhere else to get the default context menu. Nicholas' site Wrox site Yahoo! 阅读全文
posted @ 2013-12-12 16:10 sexy_girl 阅读(250) 评论(0) 推荐(0)
摘要:Hash Change Example Click each of these links to change the URL hash. Up Down This example only works in browsers that onhashchange. hashchange事件支持 IE8 FF3.6 chrome operaevent.oldURL, newURL 只有FF6, chrome opera 阅读全文
posted @ 2013-12-12 16:08 sexy_girl 阅读(208) 评论(0) 推荐(0)
摘要:EventUtil.addHandler(window, "load", function(){ //create a new element. var script = document.createElement("script"); EventUtil.addHandler(script, "readystatechange", function(event){ event = EventUtil.getEvent(event); var ta... 阅读全文
posted @ 2013-12-12 16:05 sexy_girl 阅读(215) 评论(0) 推荐(0)
摘要:setTimeout(function(){ alert("settimeout"); },0); EventUtil.addHandler(window, "DOMContentLoaded", function(event){ alert("Content loaded."); }); EventUtil.addHandler(window, "load", function(event){ alert("Window loaded."); }); 阅读全文
posted @ 2013-12-12 16:03 sexy_girl 阅读(135) 评论(0) 推荐(0)
摘要:var menu = { // 当前状态 currentState: 'hide', // 绑定事件 initialize: function() { var self = this; self.on("hover", self.transition); }, // 状态转换 transition: function(event){ switch(this.currentState) { case "hide": this.currentState = 'show'; ... 阅读全文
posted @ 2013-12-12 13:18 sexy_girl 阅读(383) 评论(0) 推荐(0)
摘要:example.appcache文件中CACHE MANIFEST#2013-12-11test.jstest2.js在apache中AddType text/cache-manifest .appcache 阅读全文
posted @ 2013-12-11 20:26 sexy_girl 阅读(448) 评论(0) 推荐(0)
摘要:File API Example Select a file below. File API Example 阅读全文
posted @ 2013-12-11 18:00 sexy_girl 阅读(290) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-12-11 17:57 sexy_girl 阅读(167) 评论(0) 推荐(0)
摘要:Drop some files hereupload.php$f = $_FILES['file0'];var_dump($f); 阅读全文
posted @ 2013-12-11 17:56 sexy_girl 阅读(224) 评论(0) 推荐(0)
摘要:在work.html中var data = [1,2,3,4], worker = new Worker('work1.js'); worker.onmessage = function(e){ var data = e.data; console.log('sorted:' + data); } worker.postMessage(data);在work1.js中self.onmessage = function(e){ var data = e.data; data.sort(function(a,b){ ... 阅读全文
posted @ 2013-12-11 17:08 sexy_girl 阅读(177) 评论(0) 推荐(0)
摘要:window.onload = function () { setTimeout(function () { var pfm = namespace.Performance; }, 300);} 阅读全文
posted @ 2013-12-11 16:29 sexy_girl 阅读(111) 评论(0) 推荐(0)
摘要:var changeTab =( function () { var timeId = 0; return function (tabId) { if (timeId) { clearTimeout(timeId); timeId = 0; } timeId = setTimeout(function () { //ajax do something }, 500); }; ... 阅读全文
posted @ 2013-12-11 13:24 sexy_girl 阅读(160) 评论(0) 推荐(0)
摘要:ajax.request("ajax.html",{v:Math.random(),num:1},function(data){ //do something},'get');var ajax = {//Xmlhttprequest类 Xmlhttprequest: function () { this.xhr = false; },//外部调用接口 request: function (url, data, callback, type) {//每次都创建一个Xmlhttprequest的对象,使ajax调用互不影响 var xhr = ... 阅读全文
posted @ 2013-12-11 12:25 sexy_girl 阅读(261) 评论(0) 推荐(0)
摘要:var $ = function (id) { return document.getElementById(id); } //返回dom元素的当前某css值 var getCss = function (obj, name) { //ie if (obj.currentStyle) { return obj.currentStyle[name]; } //ff else { var style = document.defaultView.get... 阅读全文
posted @ 2013-12-11 11:50 sexy_girl 阅读(577) 评论(0) 推荐(0)