javascript – 保存或销毁数据/ DOM元素？哪个需要更多资源？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 保存或销毁数据/ DOM元素？哪个需要更多资源？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1819字，纯文字阅读大概需要3分钟。

内容图文

我越来越多地使用JavaScript / jQuery进行高级应用程序开发.我一直在努力学习有关JavaScript语言的更多信息,并深入研究一些更高级的功能.当我阅读本文的这一部分时,我刚读了一篇关于memory leaks的文章.

JavaScript is a garbage collected language, meaning that memory is allocated to objects upon their creation and reclaimed by the browser when there are no more references to them. While there is nothing wrong with JavaScript’s garbage collection mechanism, it is at odds with the way some browsers handle the allocation and recovery of memory for DOM objects.

这让我想到了我的一些编码习惯.一段时间以来,我一直非常专注于最小化我发送到服务器的请求数量,我觉得这只是一个很好的做法.但我想知道有时候我不会走得太远.我非常不了解JavaScript语言带来的任何效率问题/瓶颈.

例

我最近为拖车公司建立了一个扣押管理应用程序.我使用了jQuery UI对话框小部件,并使用特定的故障单数据填充了数据网格.现在,这听起来很简单……但是他们在这里传递了大量数据.

(现在问题……鼓请…)

我想知道以下每个选项的优点/缺点是什么.

1)只对给定的票证发出一个请求并将其永久存储在DOM中.只需显示/隐藏模态窗口,这意味着每张票只发出一个请求.

2)每次打开票证时发出请求,并在票据关闭时销毁.

我的自然倾向是将门票存储在DOM中 – 但我担心如果应用程序长时间没有被重置(这将会是),这最终会开始占用大量内存.

我真的只是寻找这两个选项的优点/缺点(或者我甚至没有听说过的东西= P).

解决方法:

这里的解决方案取决于您的问题的具体情况,因为“正确”的答案将根据页面打开的时间长度,DOM元素的大小和请求延迟而变化.以下是一些需要考虑的事项：

>仅保留缓存中的最新n项.如果您只能在短时间内重新显示项目,则效果很好.
>存储每个元素的数据而不是DOM元素,并在每个显示上重建DOM.
>使用HTML5存储来存储数据而不是DOM或变量存储.这具有额外的优点,即可以跨页面请求存储数据.

任何缓存策略都需要考虑何时使缓存无效并重新请求更新的数据.根据您的策略,您需要处理多个编辑器产生的冲突.

最好的方法是开始使用最简单的方法,并增加复杂性以仅在必要时提高速度.

内容总结

以上是互联网集市为您收集整理的javascript – 保存或销毁数据/ DOM元素？哪个需要更多资源？全部内容，希望文章能够帮你解决javascript – 保存或销毁数据/ DOM元素？哪个需要更多资源？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端