2

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

有时，三者合用也能达到效果。就像一个简单的鼠标悬停效果可以用 css :hover、 javascriptonmousehover()和 jquery来实现$(#id).hover()

jquery的淡入、淡出效果也可以用css过渡来模拟。

我的问题是：如果使用这三个都可以达到效果。我是否需要优先考虑样式表语言或 javascript 或 jquery。使用以上哪个将提高性能并更快地加载网页。

4

3 回答 3

0

首先，优先选择可以做得更快的方式（计算机成本低，程序员成本高）。还要注意你是怎么做的——如果你必须在 jQuery 中编写大量的 CSS 代码而不是几行代码——一定要使用 jQuery。

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

视情况而定——如果你真的需要优化你的界面——>首先找到一个瓶颈，不要太早优化，这是邪恶的

于 2013-08-03T10:26:57.030 回答
0

jquery 具有跨多个浏览器工作的优势，但这样做会降低一些速度。自定义 javascript 解决方案可能适用于所有浏览器，也可能不适用，但如果您真的擅长编写快速 javascript，它可能比 jQuery 更快。使用 css 实现效果的优点是可以在所有符合 css 标准的浏览器上工作，并且应该对浏览器进行高度优化以非常快速地渲染 css。

我认为这更多的是您想要支持的浏览器、个人偏好和编码风格的问题，而不是速度问题，但这里有一些信息和基准：

哪个更快？- 修改 css 属性或在 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

编辑：同意 Sergio，早期优化是万恶之源。先写代码，找瓶颈，最后处理。

于 2013-08-03T10:28:41.833 回答
0

取决于您想要实现的目标或场景。我个人喜欢css，但有时为了实现跨浏览器兼容性或一些花哨的效果我使用jquery。jquery可以自定义很多，也有很多选项，但是会影响页面加载时间。我更喜欢 jquery 或 javascript。有了 CSS3，很多只能用 jquery 才能做到的效果现在可以实现了，但它只支持现代浏览器。

于 2013-08-03T11:06:16.350 回答