2013-08-03 33 views
2

我是网页设计的初学者。我使用css,javascript,jquery进行web开发。performane问题-css vs javascript vs jquery

有些时候所有这三种效果都可以达到。像一个简单的mousehover效果可以用CSS :hover,JavaScript的onmousehover()和jQuery的$(#id).hover()

jQuery的淡入来实现,淡出效果也可以使用CSS转换模拟。

我的问题是:如果使用所有三个效果都可以实现。我需要优先选择样式表语言还是javascript或jquery。使用它可以提高性能并加快网页的载入速度。

+0

就我个人而言,我认为这取决于你在使用它 - 通常我宁愿使用CSS,而不是JavaScript/jQuery。有时候,做这个或那个是过早的优化,其他时候它会使事情更具可读性,有时你必须考虑性能。这是相当有争议的,虽然... –

+0

据我所知,CSS将是最快的。 使用本地api的Javascript(如文档。getElementById(ID)和getElementsByName等)将比jQuery功能更快。 – Clxy

+0

它的nt一个合适的问题,jquery/javascript脚本语言和css仅用于样式,在jquery javascript我们调用ajax requst,函数n所有n是我们可以设置CSS为特定元素aftr一些响应,我们在css做css 。所以这很难回答你的问题。另外,如果你想设置效果aftr任何响应您使用jquery或js –

回答

0

首先给你一个你可以做得更快的方式(电脑花费很少,程序员花费很多)。还要注意你是如何做到的 - 如果你必须在jQuery中编写大量的css代码而不是几行代码 - 确实使用jQuery。

css速度> javascript速度> jquery速度。正如我看到的一些基准测试,本地js比jQuery快10-100倍(取决于浏览器/选择器等)。

根据情况 - 如果你真的需要优化的界面 - 太早>先找bottlneck,dont't优化,它是邪恶的

0

jQuery有跨多个浏览器工作的优势,但受到一些放缓至做这个。自定义的JavaScript解决方案可能在所有浏览器上都可能不起作用,但如果你真的擅长编写快速的JavaScript,它可能比jQuery更快。使用css实现效果的优点是可以在符合css标准的所有浏览器上工作,并且浏览器应该高度优化,以便非常快速地呈现css。

我认为这更多要支持,个人喜好和编码风格比它是速度的问题,但在这里什么浏览器的一个问题是一些信息和基准:

Which is faster? - modifying css property or adding class in jquery

http://jsperf.com/jquery-css-vs-native-dom/16

http://jsperf.com/jquery-css-vs-css/4

http://jsperf.com/jquery-css-vs-getcomputedstyle/2

编辑:同意塞尔吉奥,早期优化是万恶之源。先编写代码,寻找瓶颈并最后处理它们。

0

取决于您想实现的目标或场景。 我个人喜欢css,但有时候为了实现跨浏览器兼容性或者我使用jquery的一些花哨效果。 Jquery可以定制很多,也有很多选项可用,但它会影响页面加载时间。我更喜欢jQuery或JavaScript。 使用CSS3,现在只能用jQuery完成很多效果,但它只支持现代浏览器。