Javascript 当动态插入大量DOM元素时,Mobile Safari(iPhone/iPad)崩溃

Javascript 当动态插入大量DOM元素时,Mobile Safari(iPhone/iPad)崩溃,javascript,iphone,html,ipad,safari,Javascript,Iphone,Html,Ipad,Safari,我们有一个应用程序,它在用户交互之后呈现动态内容 一个调用在AJAX调用之后向页面追加大约400个DOM元素 在台式机上运行良好,但iPhone/iPad的内容滚动速度很慢,然后最终冻结,然后完全崩溃 如果我们在页面加载中加载相同数量的数据,而不是动态加载,iPhone/iPad就能够毫无问题地处理这些数据 我有一种感觉,这是因为设备在加载时分配了一定数量的内存,然后动态插入就超过了这一点,从而导致崩溃 有什么想法吗?我的第一个建议是尝试使用仪器,如果崩溃是由于内存造成的。 如果是因为记忆 也许

我们有一个应用程序,它在用户交互之后呈现动态内容

一个调用在AJAX调用之后向页面追加大约400个DOM元素

在台式机上运行良好,但iPhone/iPad的内容滚动速度很慢,然后最终冻结,然后完全崩溃

如果我们在页面加载中加载相同数量的数据,而不是动态加载,iPhone/iPad就能够毫无问题地处理这些数据

我有一种感觉,这是因为设备在加载时分配了一定数量的内存,然后动态插入就超过了这一点,从而导致崩溃


有什么想法吗?

我的第一个建议是尝试使用仪器,如果崩溃是由于内存造成的。 如果是因为记忆

也许你应该加载一些DOM元素,像一个延迟加载一样,你可以一部分一部分地得到剩下的部分


希望这有帮助。:)

您是在创建一个包含400项的列表还是什么?如果是这样,并且您不必一次显示所有项目,请按照@iremk的建议执行-延迟加载或类似行为。您能提供一个提琴吗?-->