javascript – 如何在使用JQuery创建或删除数十个div时优化性能？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在使用JQuery创建或删除数十个div时优化性能？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1010字，纯文字阅读大概需要2分钟。

内容图文

背景：
在我正在进行的当前项目中,我创建了一个jquery插件,创建了一个可拖动的“google-maps”式地图,由许多瓷砖组成.类似于谷歌地图的工作原理,但此时没有缩放.

此地图插件创建并销毁10-20< div>每个鼠标的图块使用jQuery的$(‘..’)追加一个图块长度.附加,并且它具有不错的性能.但我希望peroformance更好,以便让拥有更少资源的计算机的人更容易访问应用程序.

问题：

我可以做些什么来最大化性能创建和使用jQuery销毁大量的div？

重用生成的< div>更好的性能元素,通过修改要删除的现有元素,而不是从头开始创建它们？

是否使用生成的$(‘< div>‘)创建元素比选择和更改已存在元素的类和子元素更慢或更快？

解决方法:

创建DOM元素非常昂贵.尽量避免使用它.话虽这么说,新发布的jQuery 1.4显然提高了性能但是如果可以的话仍然可以避免它.

从jQuery 1.4 Released开始：

jQuery(“<div>”) jQuery(“<div/>”) and jQuery(“<div></div>”) (07001, 07002)

All three now use the same code path
(using document.createElement),
improving performance for
jQuery("<div></div>"). Note that if
you specify attributes, we use the
browser’s native parsing (using
innerHTML).

是的,重用要好得多.

内容总结

以上是互联网集市为您收集整理的javascript – 如何在使用JQuery创建或删除数十个div时优化性能？全部内容，希望文章能够帮你解决javascript – 如何在使用JQuery创建或删除数十个div时优化性能？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端