javascript - javascript库的性能开销

标签 javascript

<分区>

有谁知道是否有研究显示使用 javascript 库(除了下载时间明显)与仅使用基本 javascript 相比的性能开销?现在的图书馆太大了,我很好奇。

从我的计算机科学学位来看,它似乎应该有增长 n。 (换句话说是线性的)。

在计算机科学术语中,这并不具有威胁性,但它实际上如何影响页面加载时间和页面性能(以毫秒为单位)?我知道 CPU 是一个问题,RAM 等等。但是是否有任何测试可以衡量这些事情?

我知道另一个因素是,库通常经过优化,可以以不太优化的方式完成与您手动编码的大部分相同的事情,但库也有开销,并不是所有的功能都会被使用。

编辑: 我发现这似乎彻底回答了我的问题,即使它是从其他事情开始的: When to use Vanilla JavaScript vs. jQuery?

“正如评论很快指出的那样(我 100% 同意),上面的陈述指的是基准测试代码。“原生”JavaScript 解决方案(假设它写得很好)将胜过实现相同功能的 jQuery 解决方案几乎在所有情况下都是如此(否则我很乐意看到一个例子)。jQuery 确实加快了开发时间,这是一个重要的好处,我并不是要淡化它。它有助于易于阅读,易于遵循代码,这是超过一些开发人员能够自行创建的数量。

那么在我看来,答案取决于您要实现的目标。如果,正如我根据您提到的性能优势所推测的那样,您正在追求应用程序的最佳可能速度,那么每次调用 $() 时使用 jQuery 都会引入开销。如果您追求可读性、一致性、跨浏览器兼容性等,那么肯定有理由支持 jQuery 而不是“原生”JavaScript。”

最佳答案

这是个好问题!除了库本身的下载时间之外,大多数框架并没有做太多,这意味着它们不会延迟页面显示或其他事情。

JQuery 的 $.css 方法使元素样式化变得容易,如果您需要经常触发它并且直接在样式对象上操作要快得多,它可能会成为性能瓶颈。

我认为使用普通 javascript 做更多事情会更好,因为你必须获得更高的性能。对于像 ajax 请求、菜单淡入淡出等普通的东西,我用过的所有框架的性能都足够了,编码本身也相应地加快了速度。

关于javascript - javascript库的性能开销,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11936123/

相关文章:

javascript - 为什么结果不同(使用 var 与 let)?

JavaScript 书签 : Encoded URI

JavaScript OnBlur 事件阻止提交 HTML 表单

javascript - 我如何为多个元素更改具有相同元素 ID 的 css

javascript - 路由更改时 AngularJS 调用范围函数

javascript - 如何获取输入的新属性值

javascript - Adobe Animate JS 输出文件

javascript - 拉斐尔透明元素onclick

javascript - `chrome.webRequest.onBeforeRequest.removeListener` ? -- 如何停止 chrome 网络监听器

javascript - 哪些 JavaScript 库可以制作径向收敛图?