性能问题- css对javascript和jquery

Question

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

有时候，这三种方法都能取得效果。类似于简单的鼠标悬停效果，可以使用css :hover、javascript的onmousehover()和jquery的$(#id).hover()来实现。

jquery淡入、淡出效果也可以用css转换来模拟.

我的问题是:如果这三者都能达到效果的话。我是否需要优先使用样式表语言、javascript或jquery。使用它将提高性能，并将更快地加载网页。

Answer 1

首先，优先采用这种方式，这样你就可以做得更快(计算机花费一点点，程序员花费很多)。还要注意你是如何做到的--如果你不得不在jQuery中写大量的css代码而不是几行代码--一定要使用jQuery。

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

视情况而定--如果你真的需要优化你的界面，->首先要找个瓶颈，不要太早优化，这是有害的

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完成的效果现在是可以实现的，但它只支持现代浏览器。