17

微软最近发布了IE9的testdrive version,大家可以下载预览版本来体验一下IE9的新特性,除了速度有大幅度的提升外,最主要的是IE这么多年终于标准化了。IE9对W3C标准将有更好的支持:

W3C Web Standards Number of Tests IE 9
Platform Preview
Mozilla Firefox 3.6 Opera 10.50 Apple Safari 4.0 Google Chrome 4.0
SVG 1.1 2nd edition 31 100% 84% 94% 90% 90%
CSS3 Borders & Backgrounds 33 100% 27% 88% 27% 91%
CSS3 Selectors 16 100% 75% 56% 44% 44%
DOM Level 2 Core 9 100% 89% 100% 100% 100%
DOM Level 3 Events 10 100% 40% 40% 50% 50%
DOM Level 2 Style 5 100% 80% 60% 40% 40%

点击查看更多IE9测试详情

在IE9中DOM Events的attachEvent()将被抛弃, addEventListener()被完全支持,对 <canvas>的支持在testdrive上还没有提到,更重要的是它对 HTML5CSS3 SelectorsCSS3 Borders & BackgroundsDOM良好的支持。

可以看到,在测试中IE9在未来对标准的支持已经远远超过现今所有的主流浏览器。这将是前端开发人员的福音,期待IE9成为目前支持W3C最完美的浏览。

十二 30

原文:http://www.cainiao8.com/web/js_note/js_regular_expression.html

转载一篇关于JavaScript正则表达式的好文,作者以通俗的语言和简单常见的实例为我们阐述了JavaScript正则表达式的基本知识,以下是原文:

什么是正则表达式?

这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。

Read more »

Tagged with:
十二 03

javascript的分号代表语句的结束符,但由于javascript具有分号自动插入规则,所以它是一个十分容易让人模糊的东西,在一般情况下,一个换行就会产生一个分号,但实际情况却不然,也就是说在javascript中换行可能产生分号,也可能不产生,是否自动插入分号,主要看上下行。所以即使是经验丰富的程序员,有时候也会头大。

ECMAScript中对分号自动插入规则也有相应的解释:空语句,变量语句,表达式语句,do-while 语句,continue 语句,break 语句,return 语句,以及 throw 语句,这些确定的ECMAScript语句必须以分号结束。这些分号可以总是明确地出现在源代码文本中。为方便起见,在特定的情况下,源代码文本中的这些分号可以被省略。也就是说这些语句的结尾是不需要硬性的输入分号结尾,javascript会自动插入语句结束处。

Read more »

Tagged with:
十一 24

查看Demo

查看Demo: Demo-1  Demo-2  下载源文件

amazing ImageSwitch是一个图片切换脚本,形式上类似于大多数图片切换,只是在切换效果上加了些创新。这个脚本是四个月前写的,期间也有不断地修改和完善。也不知道取个什么名字好,就暂叫amazing ImageSwitch吧 。

Read more »

Tagged with:
十一 17

一个简单的ToolTip,用于替换浏览器默认的提示框,适用于任何HTML元素,想要显示ToolTip,只需要在相应的html元素上添加title,或者在图片上添加alt标签。

详细查看 Demo 及其源代码

Tagged with:
13

发布一个自家用的’popUp’,详细查看 Demo

自家用的'popUp'

工作这几年,如果要说什么javasrcipt交互效果做的最多,弹出框口算一个了。

现在流行的’popUp’也是非常多。有好有烂,优秀的比如: LightboxThickBoxFaceboxmultibox…. 以前一直是用ThickBox,至于为什么要自己写一个‘popUp’主要也是考虑到自己工作的需求和利于扩展,我也不喜欢仅仅为了一个popUp效果就调用一个库,这样对于K数要求严格的网站,无疑是个比较大的负担。于是就自己琢磨了一个 :)

有用得到的同学可以在Demo页面下载,如果有发现BUG,请留言给我,谢谢!

Tagged with:
18

单纯从检测浏览器的版本来说, userAgent对IE8已经不再可靠,原因是IE8加入了兼容性视图功能,导致IE8出现多个userAgent。
详细查看gracecode的《由IE8 User-Agent 更新想到的》一文

在ie8下分别用三种”浏览器模式”运行以下代码

    alert(navigator.appVersion)

我在Vista下运行以上代码的结果如下:

可以看出除了IE版本号不一样以外,Trident标识也有区别

那么如何判断IE8,办法还是有的……

Read more »

Tagged with:
15

当我们在浏览一个网站的时候,由于受到网速(或者带宽)的影响,大幅的或高质量图片的载入速度将显得非常慢。虽然你可以通过压缩图片的尺寸,或者通过服务器端的技术来优化,但也无法从根本上解决问题,给用户好的浏览体验。

“images loading”是个不错的增强用户体验的方法。要判断图片是否载入成功,常用的方法是image的onload方法,或者通过image的complete属性来判断图片的当前载入状态,

下面就以上两种方法分别给出解决方案

Read more »

Tagged with:
preload preload preload