随笔分类 -  JavaScript、jQuery

摘要：摘要：jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。 基本要素 DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click', function() { alert(&q 阅读全文

摘要：JavaScript可算是世界上最流行的编程语言之一，这个被大量的开发者与设计师随手拈来增强他们的Web前端的脚本语言，如今越来越被重视。JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。近日，JavaScript又增添了一些新特性，与此同时利用JS编码工具，可以为HTML页面添加各种交互和动态效果，让你的网站更加引人注目。创新工场首席布道师 蔡学镛曾说过： 如果你是一个在校生，希望以后进入IT行业，但没有明确的目标以后要做什么技术领域，那么我会建议你把时间花在JavaScript以及相关框架上。这是目前 “性价比” 最高的技术。 性 ＝ 阅读全文

摘要：1. document.form.item 问题问题：代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行解决方法：改用document.formName.elements["elementName"]2. 集合类对象问题问 题：代码中许多集合类对象取用时使用()，IE能接受，FF不能解决方法：改用 [] 作为下标运算，例：document.getElementsByName("inputName")(1) 改为document.getElementsByName(" 阅读全文

摘要：面向对象的语言多数都支持继承，继承最重要的优点就是代码复用，从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法，就称之为继承。从这个角度来看看JS的继承方式。JS中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行JavaScript库继承方式也各不相同。从最简单的复用开始。1、构造函数方式写类，通过方法调用复制父类属性/字段到子类 实现继承这里父类，子类都采用构造函数方式写，不用原型。子类调用父类函数来复制父类的属性。/** *父类Polygon:多边形 *@param{Object}sides */functionPolygon(sides){ this.s 阅读全文

摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。 Js代码 function f1(){ var n=999; } alert(n); // error这里有一个地方需要注意，函 阅读全文

摘要：做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解（部分选自网上，经本人整理），希望对大家有帮助。 /*以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox */ //window.event IE：有window.event对象 ... 阅读全文

摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对... 阅读全文

摘要：JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 阅读全文

摘要：[代码] 阅读全文

摘要：Aptana 默认的颜色配置，感觉还行，但有点单调。那废话少说咯。呵呵，那就跟大家分享下我的颜色配置吧。首先说明下，我的Aptana 已经汉化（但不完美），颜色配置方案 仿 NetBeans 中 Extra Ruby Color Themes 插件1. 字体的配置： 我用的是YaHei Consolas 字体，打开 窗口->首选项->常规->外观->颜色和字体 选择里面 基... 阅读全文