Javascript 性能大页面

Question

我有一个单页应用程序，其中有很多按钮(3000 个带有单击事件的按钮)和带有嵌套 Accordion 的 Bootstrap Accordion 。该页面的大小几乎可以达到 1Mb。

我的问题是，有时一段时间后，浏览器会变得无响应并崩溃。我想知道是否可以采取一些措施来减少发生这种情况的可能性，或者我应该改变整个设计吗？

编辑:例如，我正在使用:

$(".plus").click(function () {
        add1($(this).closest("tr"));
    });

我应该使用:

$(document.body).on("click", ".plus", add1($(this).closest("tr")));

相反？

谢谢

Answer 1

我使用了将点击事件委托(delegate)给父级的想法，考虑到按钮的数量，它似乎有了很大的改进。但主要问题似乎是我的设计。

感谢Sabithpocker 。

我还将尝试附加/分离不可见的 dom 元素的选项。