Javascript 写的简单进度条控件December 26, 2007

*抱歉,此篇 Blog 无价值, 详情见此 *

很多的时候用户需要等待你「臃肿」的 Javascript 代码处理完成(Web 2.0 的特色)。期间或许加入一个类似于进度条的东西让用户有点「安慰」。这个东西实现起来并不复杂,无非就是获得总的处理条目,然后获得一个百分比,再显示输出。

通过我们伟大的 CSS,可以实现非常漂亮的进度条样式。加上 Javascript 的效果,就可以完全「欺骗」我们的用户,让他们有耐心等待浏览器处理完成。上述的原理已经知道了,那么就可以直接看代码了。本人使用的还是 jQuery 框架 ,因为这样简短的代码可能会更容易理解。

当然这个控件还有很多需要完成的地方,我仅仅是提供了一种 遵循 Web 标准 的实现思路。废话不多说,有时间的话可以点击这里看下 Demo ,或者将这个代码 打包下载

各浏览器的 Javascript 效率对比December 22, 2007

从「译言」上的 一篇文章 据悉各浏览器 Javascript 的对比。我个人作为一名「准」的 Javascript 开发者,对此事自然比较的关注。 SunSpider 的测试面我还是保持对其信任的态度的,正如原文所说的「它是一组被精心设计的测试,易于运行也非常全面」。

下面是测试的内容:

  • 3d - 纯粹 JavaScript 的 3D 渲染运算,但并不包含渲染部分。它包含大量的浮点运算和数组操作。
  • access - 数组,对象属性和变量的访问读取。
  • bitops - 位操作,这在游戏、数学运算和多种编码解码中有重要应用。它也是JavaScript中唯一的整数运算。
  • controlflow - 控制流结构 (重复,递归,条件)。目前它主要是递归结构,但其它结构也均被包含。
  • crypto - 真实的加密代码,主要为位操作和字符串操作。
  • date - "date"对象性能。
  • math - 多种数学运算类型。
  • regexp - 正则表达式。
  • string - 字符串处理,包括生成一个巨型"tagcloud"的代码,解压压缩过的 Javascript 代码等等。

http://files.gracecode.com/2007_12_22/1586815073.jpg

除了上述的对比之外,下面的统计图更能直观的对比各浏览器的性能。

http://files.gracecode.com/2007_12_22/1144012531.jpg

虽然测试所生成的字符串在大部分的生产情况下几乎不可能发生,但我对于 IE 如此低下的运行效率还是颇有微词。排除 IE 最薄弱的字符串操作,本人和原文作者同样的感到惊讶的就是排除字符串的测试, Firefox 的速度并不比 IE 快多少。正如我上次 对 Firefox 3beta 评测中 期待的,我希望它能运行得更快些。

Safari 也是我 一直关注 的浏览器,它在此项的测试中的效率还是感到非常满意的。至于 Opera,看得出原文的作者也给予其非常高的评价,「世界上最快的浏览器」这个称号看来的确名至所归。

总结一下,由于现在国内大部分浏览器市场还是 IE 为主,所以根据上述的测试,特别是对于 Javascript 方面,字符串的操作是尤其要考虑下它的性能的。发现 IE 中 Javascript 的正则的运行效率还是比较的满意的,可能以后如果碰到字符串方方面的操作比较,我会优先考虑使用正则。

最后,推荐继续阅读下 原文链接

jQuery 和 Prototype 的 Cheat SheetDecember 20, 2007

本人一直在「偷懒」 使用 jQuery 框架。同时我也认识到 Prototype 这个 Javascript 框架似乎也不错(不过已经能使用 jQuery 解决问题了,那么就别无所求了)。

无意间看到篇 文章 ,是讲述 Prototype 和 jQuery 两个「阵营」的,作者说的非常的有道理,引用一下:

造成代码风格的这种差异,其实是两个 framework 的开发者不同的代码哲学造成的。
对于 prototype 来说,非常类似 Java 的处理方式:将一系列的功能封装到一个类
之中,比如 Math 类。而对于 jQuery 来说,其哲学理念是将所有的 HTML 节点都
视为一个 Object , 通过调用这个 Object 上面不同的方法向这个 Object 发送不
同的消息,来让 Object 自己实现不同的功能,产生不同的表现。

我个人而言,不管怎么样,这两个 Javascript 框架都是非常优秀的。有兴趣的朋友可以选择自己喜欢的学习之。但我发现原文的两张大图链接由于 某些原因 不能下载,于是我将其做了一个「镜像」方便大家使用。

http://files.gracecode.com/2007_12_20/1745166417.jpg

http://files.gracecode.com/2007_12_20/1366687851.jpg

还是按照传统,在这里可以 ZIP 打包下载 ,或者访问我的 Yupoo 相册 获得。

另,免费出售 MySQL Cheat Sheet 中文版 一张,欲抢从速。

Yahoo 统计