可以将多少数据放在dom中的数据属性上？

Question

有时我想在页面上放置大量数据，以避免对动态内容进行额外的AJAX调用。我不知道这样做是否会影响我的表现。

Answer 1

HTML5 规范对属性中的数据量没有限制：

...对生成的DOM树的深度或标记名称，属性名称，属性值，文本节点等的长度没有限制。

呈现页面所花费的时间取决于内容的长度，因此，任何添加的内容，例如存储在属性中的大量数据，都会导致页面加载速度变慢。getAttribute()如果数据量很大，使用javascript获取数据也可能会变慢。

使用ajax或/和服务器端存储解决方案，您可以根据需要检索数据，在许多情况下，它比将所有内容存储在HTML中要快得多。

多少是太多了？这取决于您对数据的处理方式，数据类型等，并且几乎无法回答。作为开发人员，您将必须根据用例等做出决定。