大大超超-CSDN博客

原创欢迎使用CSDN-markdown编辑器

原生Ajax实现var xmlhttp;if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLH

2015-05-10 15:06:23 614

转载 DOM优化

1. 批量增加 Dom尽量使用修改 innerHTML 的方式而不是用 appendChild 的方式 ; 因为使用 innerHTML 开销更小 , 速度更快 , 同时也更加内存安全 .有一点需要注意的是 , 用 innerHTML 方式添加时 , 一定不要在循环中使用 innerHTML += 的方式添加 , 这样反而会使速度减慢 ; 而是应该中间用 array 缓存起来 , 循环结束

2015-02-15 16:43:01 860

转载 JavaScript标签<script>中的defer和async

Let’s start by defining what without any attributes does. The HTML file will be parsed until the script file is hit, at that point parsing will stop and a request will be made to fetch the file (if

2015-02-06 16:54:45 957

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一

2015-02-06 15:01:16 725

转载一次完整的Http请求过程

Thanks: http://blog.csdn.net/liudong8510/article/details/7908093

2015-02-06 14:53:55 1303

原创对象及原型中的几个需要注意的地方

2015-02-06 11:50:33 560

原创 JavaScript单线程/浏览器事件驱动

首先看一个例子：function foo() { console.log('first'); setTimeout((function(){ console.log('second'); }),5);}for(var i =0;i foo();}结果是先输出10000个first然后立即输出10000个second。因为JavaScri

2014-12-17 17:55:52 1221

原创 bind,call,apply/setTimeout, setInterval传递参数和取消

bind,call,applyfunc.call(obj, arg1, arg2, ..., argn);func.apply(obj, [arg1, arg2, ..., argn]);var newFun = func.bind(obj, arg1, arg2, ..., argn);newFun();call和apply是立即执行方法，而bind是产生一个新方法用于后续调

2014-12-17 17:07:26 1529

原创 this指针

this对象是和执行上下文息息相关的一个对象，因此它也被称为执行上下文对象(context object)，即激活当前执行上下文的执行上下文(an object in which context the execution context is activated)。任何对象都可以作为执行上下文的this值，this是执行上下文的一个属性而不是某个变量对象的属性。(a this value i

2014-12-12 16:59:43 634

原创闭包/静态作用域/闭包数据共享

只要所有外部函数的变量对象都存在，那么从内部函数引用外部数据则没有特别之处——我们只要遍历作用域链表，查找所需变量。然而，如上文所提及，当一个上下文终止之后，其状态与自身将会被销毁(destroyed) ，同时内部函数将会从外部函数中返回。此外，这个返回的函数之后可能会在其他的上下文中被激活，那么如果一个之前被终止的含有一些自由变量的上下文又被激活将会怎样?通常来说，解决这个问题的概念在ECMA

2014-12-10 16:50:16 1510

原创执行上下文（栈）/作用域（链）/with

执行上下文（栈）每一次代码执行和函数调用都会产生一个执行环境，称为执行上下文。一个执行上下文（caller）又可以激活（调用）另一个执行上下文（callee），这时caller会暂停自身的执行把控制权交给callee进入callee的执行上下文，callee执行完毕后将控制权交回caller，callee可以用return或者抛出Exception来结束自己的执行。多个执行上下文会形成

2014-12-08 17:09:12 3157 4

原创关于proto和prototype

首先放一个在stackoverflow上的图片，该问题的地址：http://stackoverflow.com/questions/650764/how-does-proto-differ-from-constructor-prototype记住两条基本规则：1. 所有的构造函数（也就是类，虽然JS中没有类的概念）和函数的__ptoto__都指向Function.prototype

2014-11-20 16:23:39 584

原创 JSON字符串/原型链/构造函数

JSON字符串的格式：属性名必须要用"包围起来，zhi

2014-11-19 17:50:04 1812

原创 JavaScript的继承机制（加我的理解）/原型链/属性查找/hasOwnProperty

JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型

2014-11-07 15:54:58 1169

原创使用闭包和立即执行的方法来保存状态

// 这个代码是错误的，因为变量i从来就没背locked住// 相反，当循环执行以后，我们在点击的时候i才获得数值// 因为这个时候i操真正获得值// 所以说无论点击那个连接，最终显示的都是I am link #10（如果有10个a元素的话）var elems = document.getElementsByTagName('a');for (var i = 0; i

2014-11-07 10:33:41 2333

原创函数表达式和函数声明/()是一个分组操作符/Module模式/匿名闭包/克隆/function的执行

函数表达式和函数声明：

2014-11-07 10:25:21 752

原创全局变量/预解析/For循环的优化/eval()/parseInt()和Number/左花括号的位置

全局变量，你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量。包括：第三方JS库，广告代码。。减少全局变量的方法：

2014-11-05 16:55:17 1030

原创 Object.defineProperty()/Object.keys()

Object.defineProperty() 方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。Object.keys() yong

2014-09-30 14:23:48 1090

原创工作中Tortoise SVN遇到的一个问题，Commit failed (details follow): Authorization failed

更新了用SVN的时候发现For some reason I’d been merrily connecting using the svn:// protocol, which worked for read-only (I think our SVN server’s configured for anonymous read-only), but then barfed o

2014-09-17 14:26:52 18706 4

转载 Array.prototype.filter()

SummaryThe filter() method creates a new array with all elements that pass the test implemented by the provided function.Syntaxarr.filter(callback[, thisArg])ParameterscallbackFunc

2014-09-12 15:33:47 2011

转载 JavaScript核心：对象原型链构造函数执行上下文栈执行上下文变量对象活动对象作用域链闭包 This 总结

2014-09-01 16:09:21 1339

转载 Understanding REST

Understanding RESTREST (Representational State Transfer) was introduced and defined in 2000 by Roy Fielding in his doctoral dissertation. REST is an architectural style for designing distributed

2014-08-21 14:32:57 477

转载汉诺塔递归实现

//The Hanoi Towers, move disc from src via aux to dst.function hanoi(disc, src, aux, dst){ if(disc > 0){ hanoi(disc-1, src, dst, aux); console.log("Move disc " + disc + " from " + src

2014-08-21 14:30:11 456

转载几个JavaScript的题目

1.if (!("a" in window)) { var a = 1;}alert(a);变量声明会提前，但是变量赋值不会提前，相当于：var a;if (!("a" in window)) { a = 1;}alert(a);2.function a(x) { return x * 2;}var a;alert(typeof a);//

2014-08-21 14:29:46 621

原创 window.btoa/window.atob

SummaryCreates a base-64 encoded ASCII string from a "string" of binary data.Please note that this is not suitable for raw Unicode strings! See Unicode section below.Syntaxvar encodedD

2014-08-21 14:29:21 5997

原创之前记的一些吸血鬼日记里的句子

Vampire DiariesI assume you are the reason Elena's still walking around alive.Just your witchy interference seems to have caused some undesirable side effects.Since you caused the problem,

2014-08-21 14:29:13 908

转载用闭包保存状态的实例 - 为页面上所有的a元素添加handler点击时alert index

和普通function执行的时候传参数一样，自执行的函数表达式也可以这么传参，因为闭包直接可以引用传入的这些参数，利用这些被lock住的传入参数，自执行函数表达式可以有效地保存状态。// 这个代码是错误的，因为变量i从来就没背locked住// 相反，当循环执行以后，我们在点击的时候i才获得数值// 因为这个时候i操真正获得值// 所以说无论点击那个连接，最终显示的都是I am

2014-08-21 14:28:24 571

转载深入理解JavaScript系列

偶然看到来自博客园汤姆大叔的一个JS系列，虽然自己能完全明白的不多，但是作为以后提高的一种资源必须收藏，慢慢拜读总结吧！深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点深入理解JavaScript系列（2）：揭秘命名函数表达式深入理解JavaScript系列（3）：全面解析Module模式深入理解JavaScript系列（4）：立

2014-08-21 14:26:58 682

原创（插件收藏）Progress.js – 为页面上的任意对象创建进度条效果

Progress.js – 为页面上的任意对象创建进度条效果http://usablica.github.io/progress.js/

2014-08-21 14:26:25 715 1

转载深入理解JavaScript系列（3）：全面解析Module模式(注释)

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏关于Module模式，最早是由YUI的成员Eric

2014-08-21 14:25:54 602

原创（资源收藏）YOU MIGHT NOT NEED JQUERY

http://youmightnotneedjquery.com/用原始的JS代码来实现一些jQuery的方法

2014-08-21 14:25:42 1442

原创 JavaScript权威指南笔记 - 2

1. var a = b = 123; 等价于var a = 123; b = 123;注意在这行代码中产生了全局变量b（之前未声明b的情况下）2. for(var i = 0; i 在这个循环中，每次循环都会访问jsArray对象的length属性，所以降低了代码的效率，尤其是在jsArray还是dom对象的时候，提前把length保存到一个变量中。

2014-08-21 14:24:50 620

原创 JavaScript权威指南笔记 - 3

1. var a1 = [,,]; 0 in a1;// ->true var a2 = new Array(2); 0 in a1;// ->false2. 每个Array对象都有length属性，正是这个属性使Array对象与众不同。3. 一个数组的元素的index永远不会大于或等于数组的length，如a = [1, 2, 3];

2014-08-21 14:23:27 650

尽管有许多宣传关于 XML 如何拥有跨平台，跨语言的优势，然而，除非应用于 Web Services，否则，在普通的 Web 应用中，开发者经常为 XML 的解析伤透了脑筋，无论是服务器端生成或处理 XML，还是客户端用 JavaScript 解析 XML，都常常导致复杂的代码，极低的开发效率。实际上，对于大多数 Web 应用来说，他们根本不需要复杂的 XML 来传输数据，XML 的扩展性很少具有

2014-08-21 14:22:48 478

原创（插件收藏）Resumable.js - 基于HTML5 File API的可断点续传的文件上传插件

http://resumablejs.com/

2014-08-21 14:22:25 816

原创 window.parent ,window.top,window.self

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。 window.self：当前窗口自身的引用，和window属性是等价的。注：window、self、window.self是等价的。 window.top

2014-08-21 14:21:11 569

转载 jQuery 图片放大预览插件

这个放大镜的代码挺简单滴效果也不错。script> //QQ:496928838 微凉 $(function(){ $("#demo").enlarge( { // 鼠标遮罩层样式 shadecolor: "#FFD24D", shadeborder: "#FF8000",

2013-11-19 15:10:39 4330 1

转载 13个免费创建和托管网站的在线工具[图]

3个免费创建和托管网站的在线工具[图] 今天，笔者列出13个免费Web应用程序，帮助您创建并托管您的网站。使用这些Web应用程序，您不一定是设计师或开发商，并不需要任何的技术知识，就可以创建mutliple类型的网站。其中一些是基于闪存的网站，一些是静态的，一些是能建立博客和照片库的，一些具有惊人的特性和功能等等。好了，清单如下： Wix - 创建一个免费网

2013-11-19 14:42:06 1954 1

转载 Resumable.js - 基于HTML5 File API的可断点续传的文件上传插件

http://resumablejs.com/A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

2013-11-18 16:05:49 3050

原创 Ruby命令之gem操作

1. 查看已安装的gem：gem list2. 在服务器上查询gem：gem query -remote 简写为：gem q -R3. 在线安装gem：gem install gem_name若要指定版本：gem install gem_name --version=1.2.34. 离线安装gem：gem install ./gem_name --local

2013-11-15 15:15:35 3359

空空如也

空空如也