JavaScript，连续的JS和AJAX函数会随着时间的推移降低页面性能

JavaScript, Do successive JS and AJAX functions slow page performance over time?

本文关键字：时间性能 JS 连续 AJAX 函数 JavaScript 更新时间：2023-09-26

我想创建一个单页网站，通过AJAX调用收集内容并将其呈现给用户。用户可能会在一个页面上花费数小时（甚至数天），而无需重新加载。

如果我在单个"maindiv"中呈现所有内容，并定期更改内容，如下所示：

$('#maindiv').html(... some content ...); // JQuery

页面性能（数据请求、DIV 内容加载、动画等）会随着时间的推移而下降吗？

变量在使用后会清理，内容在替换后不会保存在任何位置。

我最初的想法是，不，性能不会受到影响，因为内容被替换（而不是附加和延长），但我找不到任何支持或反驳的东西。

虽然您肯定可以使用jQuery编写自己的解决方案，但我强烈建议使用MV*框架来创建这样的单页应用程序。有许多流行的，如Angular，Ember，Backbone等，使过程变得更加容易。React 也可以是一个很好的视图组件。

您正在采用的方法很快就会变得非常混乱并导致性能问题。每次使用 .html(... some content ...) 方法替换 HTML 时，想想现有的 DOM 节点会发生什么。所有附加的事件侦听器以及 JS 代码和 DOM 元素之间的所有关联绑定会发生什么情况。