性能问题 - css vs javascript vs jquery

Question

我是网页设计的初学者。我使用css，javascript，jquery进行Web开发。

有时候所有这三者都可以达到效果。就像一个简单的鼠标悬停效果可以通过css :hover，javascript的onmousehover()和jquery的$(#id).hover()

来实现

jquery淡入，淡出效果也可以使用css过渡进行模拟。

我的问题是：如果使用这三种效果可以实现效果。我需要优先考虑样式表语言或javascript或jquery。使用上述内容可以提高性能并加快网页加载速度。

Answer 1

首先优先考虑你可以做得更快的方式（计算机成本稍高，程序员花费很多）。还要注意你是如何做到的 - 如果你必须在jQuery中编写大量的css代码而不是几行代码 - 请确保使用jQuery。

css速度＆gt; javascript速度＆gt; jquery速度。正如我所看到的一些基准测试，原生js比jQuery快10-100倍（取决于浏览器/选择器等......）。

视情况而定 - 如果您确实需要优化界面 - ＆gt;先找到一个瓶颈，不要太早优化，这是邪恶的

Answer 2

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

编辑：同意塞尔吉奥，早期优化是万恶之源。首先编写代码，寻找瓶颈并最后对待它们。

Answer 3

取决于您想要实现的目标或方案。 我个人喜欢css，但有时为了实现跨浏览器兼容性或某些花哨的效果我使用jquery。 Jquery可以定制很多，也有很多选项，但它会影响页面加载时间。我更喜欢jquery或javascript。 使用CSS3，现在可以实现许多只能通过jquery完成的效果，但它只支持现代浏览器。