摘要: 刚完成的项目,在IETest下用ie6、7快速的切换查看,发现好多地方在动,虽然没有错位,但是依然看着很不爽,开工找原因。翻看了四大门户(新浪、搜狐、网易、腾讯)、淘宝、人人网的源文件,似乎新浪做的最到位,在ie6、7下基本页面一模一样,最差的是淘宝和人人网。页面位置偏移的厉害。本来我以为是line-height引起的。用firebug查看局部源文件。发现这不是主要原因,而是页面编码,四大门户都用...阅读全文
posted @ 2010-10-15 14:28 華安 阅读(99) 评论(0) 编辑
摘要: IE下块元素如何实现 display:inline-block 的效果?有两种方法:1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug ,如果先定义了 display:inline-block,然后再将 display 设回...阅读全文
posted @ 2010-09-26 13:44 華安 阅读(180) 评论(0) 编辑
摘要: 有时候会需要用到把空的A标签定义display:block,然后用绝对定位position:absolute把它蒙在某个图像上面,来制作一个按钮,这个做法原理上没问题,但是在IE6下会产生一个BUG,绝对定位以后,A标签的display:block;不起作用了,我的解决办法是在A外面套一个DIV,给DIV定义width、height、position:absolute。如果谁还有更好的解决办法,请...阅读全文
posted @ 2010-07-28 09:12 華安 阅读(221) 评论(0) 编辑
摘要: ff下的firebug很好用,ie下调试如果也想用,其实也不难,在需要调试的页面里加上这个js文件就OK了。<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>阅读全文
posted @ 2010-02-03 17:00 華安 阅读(204) 评论(1) 编辑
摘要: 在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的群众基础。 不过当年Prototypejs中的关于继承的实现相当的简单,源代码就寥寥几行,我们来看下。早期Prototypejs...阅读全文
posted @ 2010-01-27 17:44 華安 阅读(359) 评论(0) 编辑
摘要: 在本章中,我们将分析John Resig关于JavaScript继承的一个实现 - Simple JavaScript Inheritance。 John Resig作为jQuery的创始人而声名在外。是《Pro JavaScript Techniques》的作者,而且Resig将会在今年秋天推出一本书《JavaScript Secrets》,非常期待。调用方式调用方式非常优雅: 注意:代码中的C...阅读全文
posted @ 2010-01-27 17:23 華安 阅读(255) 评论(0) 编辑
摘要: 在本章中,我们将分析Douglas Crockford关于JavaScript继承的一个实现 - Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深JavaScript...阅读全文
posted @ 2010-01-27 17:18 華安 阅读(201) 评论(0) 编辑
摘要: 在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子:function Person(name) {this.name = name;}Person.prot...阅读全文
posted @ 2010-01-27 17:12 華安 阅读(382) 评论(1) 编辑
摘要: 这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用app...阅读全文
posted @ 2010-01-27 17:03 華安 阅读(272) 评论(0) 编辑
摘要: 面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言,...阅读全文
posted @ 2010-01-27 16:48 華安 阅读(309) 评论(0) 编辑