问我是否应该关心这种优化- jQuery - DOM更改
EN

Stack Overflow用户

提问于 2011-07-23 07:35:21

回答 2查看 87关注 0票数 0

我有一个简单的问题，如果循环在外部，是否值得“缓存”DOM更改(对于循环，..)如果我有1000个即将到来的变化，它会带来巨大的性能提升(据我所知，不是我自己测量的)，但如果我只替换这样的内容呢？

jQuery("#subMenu").html( jQuery( html ).find( "#subMenu" ).html() );
jQuery("#pageMain").html( jQuery( html ).find( "#pageMain" ).html());
jQuery("#text").html( jQuery( html ).find( "#text" ).html());

我能做这些

var cachedDOM = jQuery("body").html(); //edited
jQuery(cachedDOM).find("#pageMain").html( jQuery( html ).find( "#pageMain" ).html());
jQuery("body").html(cachedDOM);

它可能会更快，但我需要重新绑定所有事件，依此类推。在这种情况下缓存DOM真的更好吗？我不这么认为，但我想让页面尽可能快(特别是在较旧的IEs中)

谢谢

performance

dom

jquery

网关负载均衡

网关负载均衡帮助客户部署、扩展和管理第三方虚拟设备

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-07-23 07:37:56

总是使用JQuery的内置选择器，而不是尝试“缓存”和遍历变量。无论如何，从身体开始遍历是违反直觉的。

证明选择器比伪缓存快得离谱：http://jsperf.com/pseudo-dom-cache

票数 1

Stack Overflow用户

发布于 2011-07-23 07:51:37

你的第二个代码甚至都不能生成.

$var cachedDOM = jQuery("body").html();

我想你的意思是

var $cachedDOM = jQuery("body").html();

然后这一行：

jQuery(cachedDOM)是相对较慢的

您在该行上有效地克隆了web页面的整个HTML，因此您可以像搜索普通DOM一样对其进行搜索。使用你的第一种方法会快很多。我认为你正在寻找的那种缓存，它确实可以提供可变的速度提升，类似于：

var $body = jQuery("body");
$body.find("#pageMain").html($body.find("#pageMain").html());

速度的提升取决于选择器的复杂程度。例如，由于大多数版本的IE没有可供jQuery利用的document.getElementsByClassName()函数，因此包含大量类的选择器将会相当慢，因此缓存结果是一个好主意。这方面的一个例子是：jQuery("div.left-column.highlighted li.link-list a.active");，如果你在IE中用一个相当复杂的DOM运行1000次这样的行，与缓存一次并使用缓存999次相比，你可以得到显着的速度差异。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6798994

复制

Audition工具在录音测试中的应用

腾讯云测试服务

Adobe Audition（简称Au，原名Cool Edit Pro）是由Adobe公司开发的一个专业音频编辑和混合环境。Audition为在照相室、广播设备和后期制作设备方面工作的音频和视频专业人员设计，可提供先进的音频混合、编辑、控制和效果处理功能。

用户5521279

2021/02/12

3.2K0