HTML / JS - 保存数据 - *供以后使用

时间:2016-03-04 22:44:23

标签: javascript html arrays

背景:我目前正在使用HTML-canvas的图书馆坐标系。目前,用户只需添加特定类的div元素即可使用它。他应该能够使用data-* - 元素上的div属性自定义系统。

我需要经常访问此数据(例如在 resize 上)。我使用所述类(由div返回)循环遍历所有document.getElementsByClassName的数组,并使用element.getAttribute(name)读取数据以调整元素大小并执行进一步操作。我认为总是再次读取数据(每次调整大小)并使用它并不是那么有效。什么是好的方法(良好实践/高效)来存储数据并随时访问它?

我在考虑一个阵列。我可以编写一个init() - 函数,它将所有数据加载到具有每个data-*元素的一个属性的对象中,并且一个额外元素用于保存HTML - 元素本身。 在调整大小时,我可以循环遍历数组中的所有对象并执行操作...

由于我是javascript的新手,我很高兴能得到任何帮助。您如何看待这种方法?

1 个答案:

答案 0 :(得分:1)

如果将sys保存为数组,则访问它们上的数据属性只是检索对象上的属性。它只是在DOM上定位需要时间的元素。只要您存储该数组,就可以快速循环。