2017年03月_追梦的小猴子

10月 08月 07月 06月 05月 04月 03月 02月 01月

转载 Js中的this指向问题(2)

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为

2017-03-23 21:03:50 249

转载 JavaScript中的this详解（1）

this是JavaScript中一个很特别的关键字，被自动定义在所有函数的作用域中。两个误解1.this指向自身单从字面意义上来说，很容易联想到this指向函数本身。这种理解到底对不对呢？看下面的例子：function foo(){ console.log(this.a);}foo.a = 10;foo();123456123456这里定义了一个

2017-03-23 20:38:42 447

转载设计模式六大原则（3）：依赖倒置原则（讲的很清楚的，易理解）

定义：高层模块不应该依赖低层模块，二者都应该依赖其抽象；抽象不应该依赖细节；细节应该依赖抽象。问题由来：类A直接依赖类B，假如要将类A改为依赖类C，则必须通过修改类A的代码来达成。这种场景下，类A一般是高层模块，负责复杂的业务逻辑；类B和类C是低层模块，负责基本的原子操作；假如修改类A，会给程序带来不必要的风险。解决方案：将类A修改为依赖接口I，类B和类C各自实现接口I，类A通过接

2017-03-23 19:45:38 285

转载 setInterval和setTimeout函数中This的指向问题

转自：http://www.cnblogs.com/zsqos/p/6188835.html前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例：var num = 0;function Obj (){ this.num = 1, this.getNum =

2017-03-23 16:38:47 809

转载 JavaScript之作用域与闭包详解

前言：JavaScript是一种应用非常广泛的语言，其也有一些自身特点和优势，本文重在讲述其作用域机制以及闭包，会从一些实例来探讨其机理。作用域在JavaScript程序员日常使用中有不同的含义，如下所示：this绑定的值；this绑定的值定义的执行上下文；一个变量的“生命周期”；变量的值解析方案，或词法绑定。下面将讲诉JavaScript作用域概念，由此引出变量值解析方案的一

2017-03-21 22:42:38 218

原创 Ajax的XMLHttpRequest

Ajax的XMLHttpRequest:（1）readyState：标识了当前对象正处于什么状态（0：未初始化状态，1：准备发送状态，2：已发送状态，3：正在接收状态，4：完成响应状态）（2）responseText:包含客户端接收到的HTTP响应文本内容。当readyState的属性值为0/1/2时，responseText属性包含一个空字符串；当readyState的属性值为3（正在接

2017-03-20 09:57:47 207

原创 jQuery性能优化的方式

jQuery性能优化的方式：（1）尽量选择ID选择器、尽量给选择器指定上下文（2）缓存对象：使用缓存变量的重要性，永远不要让相同的选择器在你的代码里出现多次（3）循环时的DOM操作：尽可能的减少DOM操作，例如循环生成多个li项，可以先动态生成组合多个li，然后再添加到HTML页面中（4）数组方式使用jQuery对象（5）事件代理：当多个子元素有相同的时间时，利用冒泡原理将事件

2017-03-19 16:19:13 276

原创 jQuery的版本变化带来的内容功能的变化总结

jQuery版本的变化引起的功能的变化:第一个版本：支持CSS选择符、事件处理、AJAX交互。1.1.3版本：对jQUery选择符引擎执行速度的显著提升。1.2版本：（1）去掉对XPath选择符的支持；（2）借助新增的命名空间事件使插件的开发变得更加容易；（3）jQUeryUI项目启动1.2.6版本：将Brandon Aaron开发的流行的Dimension

2017-03-19 11:08:06 716

转载如何加快网页的加载速度！

您希望加快网页的加载速度吗？了解如何通过缩短加载时间来改善拨号上网用户的浏览体验，在某些情形下，加载时间最多可缩短 80%。下面介绍二十五中网速方法和技巧。一、使用良好的结构可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的和标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您

2017-03-05 11:42:05 1474

JavaScript本身不是一种模块化语言，设计者在创造JavaScript之初应该也没有想到这么一个脚本语言的作用领域会越来越大。以前一个页面的JS代码再多也不会多到哪儿去，而现在随着越来越多的JavaScript库和框架的出现，Single-page App的流行以及Node.js的迅猛发展，如果我们还不对自己的JS代码进行一些模块化的组织的话，开发过程会越来越困难，运行性能也会越来越低。因此

2017-03-04 17:17:08 264 1

转载 Javascript模块原型和理论概念的应用实战

转自：http://www.ruanyifeng.com/blog/2012/11/require_js.html这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面

2017-03-04 16:36:34 262

转载伪类和伪元素

CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的

2017-03-04 11:22:55 197

原创前端随笔

1、JQuery说出五个常用的事件$().ready; $().click; $().dblclick; $().focus; $().mouseover; $().on; $off;$().fadeIn; $().fadeOut;2、git说出5个常用的操作命令git add; git commit; git pull; git push; git lo

2017-03-02 22:07:42 215