[翻译]jQuery的show/hide性能测试

分类:网站前端 | 作者:icyfire | 发表于2010/07/26 没有评论  

这篇文章是jQuery各种show/hide方式的性能测试。作者之所以测试这个源于Robert Duffy在San Francisco举行的jQuery大会上的一句话:“.hide()和.show()的执行速度会比直接改变css慢”。但由于未能找Robert Duffy问明原因,所以作者就自己去做了这个测试。下面的翻译并不是全文翻译,只节选了一些重点。

用作测试的是一个含有100个div的HTML页面,div带有class和一些内容。为了排除掉寻找这些div所花费的时间,所以把选择器$('div')缓存起来了。用作测试的jQuery版本是1.4.2,所以测试结果也只是针对这个版本,在其他版本可能就不是这些结果了。

测试的jQuery方法分别是:

  • .toggle()
  • .show() 和 .hide()
  • .css({'display':'none'}) 和 .css({'display':'block'})
  • .addClass('hide') 和 .removeClass('hide')
  • 改变<style>元素的一个属性

阅读全文

Tags :

Chrome 和 Opera 都比土豆还要快

分类:网站前端 | 作者:icyfire | 发表于2010/05/29 没有评论  

5月初,爱好吹嘘 Chrome 速度的 Google 又制作了一个创意巧妙的视频,其中的一个片段是 Chrome 打开页面速度 PK 飞行的土豆速度。Opera 的人看了这个视频后也灵感大发,同样拿 Opera 和土豆拼起了速度,不过他们比的是,煮土豆的速度……

阅读全文

哆啦A梦帮你测CSS3……

分类:网站前端 | 作者:icyfire | 发表于2010/05/17 没有评论  

这是日本某人用CSS画的哆啦A梦,用来检测浏览器对CSS3的支持程度。我用几个浏览器测试,其中Chrome 4跟Safari 4表现最好,而Firefox 3.6次之,因为它渲染的哆啦A梦的眼睛不会动,而Opera10.5再次之,它不但眼睛不会动,还渲染少了一些渐变效果。至于IE就不说了,你可以自己试试看……

来源:http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html

阅读全文

Tags :

[弹出框]artDialog

分类:网站前端 | 作者:icyfire | 发表于2010/05/13 没有评论  

最近在做一个项目,对之前所用的弹出框速度不是很满意,但是一直没找到个满意的(其实ymPrompt和lhgdialog都不错),后来在Blueidea的论坛里看到了artDialog,试用了下,感觉还不错,于是用到项目上。

名称:artDialog
作者唐斌
版本:v 2.0.9 Beta
更新:2010-05-02
LicenseGNU Lesser General Public License

阅读全文

各大浏览器的CSS3和HTML5兼容情况

分类:网站前端 | 作者:icyfire | 发表于2010/04/07 没有评论  

来自findmebyIP.com的各大浏览器对CSS3和HTML5兼容情况的速查表。

阅读全文

Tags : ,