Jquery 使用现有大型DOM进行DOM操作

Jquery 使用现有大型DOM进行DOM操作,jquery,dom,Jquery,Dom,在我的网页中,我在点击“加载更多”按钮时调用一个webmethod,该webmethod从数据库获取数据,并通过加载大量用户控件(比如40-50个用户控件)创建一个大的HTML。然后这个HTML在javascript中返回,我将这个HTML附加到现有div的innerHTML中。这个div最初包含数据,所以当用户单击LoadMore按钮时,我会添加更多数据 现在的问题是,点击几下就可以了。。但在那之后,它会变得很慢,因为DOM变得越来越大,所以现在的操作非常昂贵。我查看了元素计数,它是20000

在我的网页中,我在点击“加载更多”按钮时调用一个webmethod,该webmethod从数据库获取数据,并通过加载大量用户控件(比如40-50个用户控件)创建一个大的HTML。然后这个HTML在javascript中返回,我将这个HTML附加到现有div的innerHTML中。这个div最初包含数据,所以当用户单击LoadMore按钮时,我会添加更多数据

现在的问题是,点击几下就可以了。。但在那之后,它会变得很慢,因为DOM变得越来越大,所以现在的操作非常昂贵。我查看了元素计数,它是20000。但当大量数据显示时,我也检查了facebook的元素计数。它有50000个。有了这50000个用户,facebook运行良好,没有任何性能问题。但是我的网站有20000个元素。。。。不确定问题是什么。。。这真的与元素有关吗

请帮帮我

谢谢


迪帕克可能是。但是,更可能的原因是代码的效率,或者是处理DOM操作、迭代等的方式。

您是说您的web浏览器正在崩溃,因为页面上的元素太多了吗?如果是这样,我会说在设计过程中出现了可怕的错误。为什么一个用户甚至想要在一个页面上有这么多信息?你在使用更新面板吗?给我们看一些代码。或者谢天谢地是一个链接。根据我的经验,20000个DOM元素是一个严重的问题。Facebook有很多非常优秀的工程师,他们多年来一直致力于优化用户界面。您不应该期望您的代码以与他们的代码相同的效率运行。所以我想我说的是,短期内不要贪多嚼不烂。将你的功能限制在你能在短期内发挥作用的范围内。然后,当您了解如何优化代码时,请考虑添加更多功能。