摘要: 摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。 基本要素 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click', function() { alert(&q 阅读全文
posted @ 2012-08-21 16:35 Eric.Wang 阅读(115) 评论(0) 推荐(0) 编辑
摘要: JavaScript可算是世界上最流行的编程语言之一,这个被大量的开发者与设计师随手拈来增强他们的Web前端的脚本语言,如今越来越被重视。JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。近日,JavaScript又增添了一些新特性,与此同时利用JS编码工具,可以为HTML页面添加各种交互和动态效果,让你的网站更加引人注目。创新工场首席布道师 蔡学镛曾说过: 如果你是一个在校生,希望以后进入IT行业,但没有明确的目标以后要做什么技术领域,那么我会建议你把时间花在JavaScript以及相关框架上。这是目前 “性价比” 最高的技术。 性 = 阅读全文
posted @ 2012-02-17 11:25 Eric.Wang 阅读(481) 评论(0) 推荐(0) 编辑
摘要: 引言委托 和 事件在 .Net Framework中的应用非常广泛,然而,较好地理解委托和事件对很多接触C#时间不长的人来说并不容易。它们就像是一道槛儿,过了这个槛的人,觉得真是太容易了,而没有过去的人每次见到委托和事件就觉得心里别(biè)得慌,混身不自在。本文中,我将通过两个范例由浅入深地讲述什么是委托、为什么要使用委托、事件的由来、.Net Framework中的委托和事件、委托和事件对Observer设计模式的意义,对它们的中间代码也做了讨论。将方法作为方法的参数我们先不管这个标题如何的绕口,也不管委托究竟是个什么东西,来看下面这两个最简单的方法,它们不过是在屏幕上输出一句问 阅读全文
posted @ 2011-07-15 11:26 Eric.Wang 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用document.formName.elements["elementName"]2. 集合类对象问题问 题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方法:改用 [] 作为下标运算,例:document.getElementsByName("inputName")(1) 改为document.getElementsByName(" 阅读全文
posted @ 2011-05-25 10:14 Eric.Wang 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 面向对象的语言多数都支持继承,继承最重要的优点就是代码复用,从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法,就称之为继承。从这个角度来看看JS的继承方式。JS中继承方式与写类方式息息相关。不同的写类方式造成不同的继承方式。各种流行JavaScript库继承方式也各不相同。从最简单的复用开始。1、构造函数方式写类,通过方法调用复制父类属性/字段到子类 实现继承这里父类,子类都采用构造函数方式写,不用原型。子类调用父类函数来复制父类的属性。/** *父类Polygon:多边形 *@param{Object}sides */functionPolygon(sides){ this.s 阅读全文
posted @ 2011-05-24 16:48 Eric.Wang 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。 Js代码 function f1(){ var n=999; } alert(n); // error这里有一个地方需要注意,函 阅读全文
posted @ 2011-05-19 22:23 Eric.Wang 阅读(454) 评论(0) 推荐(0) 编辑
摘要: 一些常用且实用的原生 JavaScript函数 日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充. css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结. 1. document.getElementById的简写: http://mrthink.net/javascript-getbyid... 阅读全文
posted @ 2010-09-08 10:25 Eric.Wang 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助。 /*以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox */ //window.event IE:有window.event对象 ... 阅读全文
posted @ 2010-07-03 18:13 Eric.Wang 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图 在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模... 阅读全文
posted @ 2010-06-12 17:55 Eric.Wang 阅读(3603) 评论(0) 推荐(0) 编辑
摘要: 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对... 阅读全文
posted @ 2010-04-27 16:43 Eric.Wang 阅读(209) 评论(0) 推荐(0) 编辑