背景:我目前正在使用HTML-canvas
的图书馆坐标系。目前,用户只需添加特定类的div
元素即可使用它。他应该能够使用data-*
- 元素上的div
属性自定义系统。
我需要经常访问此数据(例如在 resize 上)。我使用所述类(由div
返回)循环遍历所有document.getElementsByClassName
的数组,并使用element.getAttribute(name)
读取数据以调整元素大小并执行进一步操作。我认为总是再次读取数据(每次调整大小)并使用它并不是那么有效。什么是好的方法(良好实践/高效)来存储数据并随时访问它?
我在考虑一个阵列。我可以编写一个init()
- 函数,它将所有数据加载到具有每个data-*
元素的一个属性的对象中,并且一个额外元素用于保存HTML
- 元素本身。
在调整大小时,我可以循环遍历数组中的所有对象并执行操作...
由于我是javascript的新手,我很高兴能得到任何帮助。您如何看待这种方法?
答案 0 :(得分:1)
如果将sys
保存为数组,则访问它们上的数据属性只是检索对象上的属性。它只是在DOM上定位需要时间的元素。只要您存储该数组,就可以快速循环。