页面稳定的平均div限制是多少？

Question

不久前，我发现了this site，它有一个可以使用div在javascript中绘制内容的API。

我试过使用它，但注意到随着div数量的增加，页面的稳定性(特别是选择、复制、粘贴)会降低。

现在我要写一个web-app，它将有大量的div生成，我想知道这是否会影响它的稳定性。

为了让网页保持稳定并避免过载，人们可以使用的div的平均限制是多少？

Answer 1

特定于浏览器和应用程序。我不知道这方面有什么好的指标或资源，而且由于每个javascript应用程序在div的使用上都是独一无二的，所以我不认为有硬限制。

对于一些浏览器上的一些设计，它可能是一个较低的数字，而在其他浏览器上，相同的设计可能会更高，而不同的设计可能是相反的。

有几个不同的因素需要考虑：

browser

• Javascript engine中的browser

• Rendering中的
• DOM处理
• 浏览器如何连接以上项、对事件进行排队、触发等

我相信，获得好信息的唯一方法是进行一些测试，以展示您希望应用程序实现的行为。

不过，如果有办法避免额外的div，那就试试吧。

Answer 2

不幸的是，正如您已经发现的那样，创建大量的DIVs会给页面添加很多额外的麻烦，并使浏览器不稳定。

在创建应用程序之前，最好测试一下不同的浏览器对大量div的反应。

动态生成与您的新web应用程序输出相似的web页面并尝试每个页面中的div数量并不难。

我希望在性能上也会有很大的差异，这取决于所使用的浏览器。