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

标签 javascript iphone html ipad safari

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

在 AJAX 调用之后,一次调用将大约 400 个 DOM 元素附加到页面。

在桌面上工作正常,但 iPhone/iPad 滚动内容缓慢,然后最终卡住,然后完全崩溃。

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

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

有什么想法吗?

最佳答案

我的第一个建议是尝试使用工具来判断是否由于内存而发生崩溃。 然后如果是因为内存,

也许你应该加载一些 DOM 元素,然后像延迟加载一样,你可以逐部分获取剩余的部分?

希望这有帮助。 :)

关于javascript - 动态插入大量 DOM 元素时,Mobile Safari (iPhone/iPad) 崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11219664/

相关文章:

PHP 从 html 中剥离 img 标签,返回数组中的 html 和图像

html - 为什么我的背景渐变在 Mac 和 iOS 上超出了边界?

javascript - 等待许多异步函数执行

javascript - 再次: AJAX -> storing result in variable using callback (undefined)

ios - 如何在 iOS 中处理多个 UIAlertController?

iphone - iOS/Mac 开发,使用 CFilter 的问题

javascript - 如何动态地将表值分配给 v-for

javascript - Vue.js 没有设置数据对象数组中声明的属性

javascript - 如何覆盖闭包内的函数?

javascript - 带方括号的 jQuery 输入选择器 - iPhone