javascript – 在DOM中存储数据

我有一个书籍列表,我想存储每本书的数据,例如价格,数量,ID,catergory id,尺寸,重量等

我正在考虑通过使用数据属性扩展表示列表中每本书的li元素来将所有这些存储在dom中.然后可以使用javascript直接使用此数据.

但是我已经读过,在性能意义上访问数据属性很慢.另外我可以有同一本书的多个实例,所以我对html中的膨胀有点担心.

另一种方法是使用JS对象来存储每本书的数据.

所以我的问题是在前端,DOM或Javscript中存储数据的最佳实践是什么?

提前致谢

最佳答案
数据属性通常更多地用作将数据导入JavaScript(即从服务器端模板)的方式,而不是用于存储数据的运行时位置.更好的地方是将活动数据保存在JavaScript对象中,尤其是在脚本生命周期中访问它或经常操作它时.

这更符合MVC方法,其中数据存在于您的模型中,但可以在您的视图中表示.出于这个原因,一些较新的MVC框架(如AngularJS)提供了两者之间的自动双向绑定.

转载注明原文:javascript – 在DOM中存储数据 - 代码日志