我有一个书籍列表，我想存储每本书的数据，例如价格、数量、id、类别id、尺寸、重量等。
我正在考虑通过使用数据属性扩展表示列表中每本书的 li 元素来将所有这些存储在 dom 中。然后可以通过 JavaScript 直接使用这些数据。
然而，我读到访问数据属性在性能方面很慢。此外，我可以有同一本书的多个实例，所以我有点担心 html 中的膨胀。
另一种方法是使用 JS 对象来存储每本书的数据。
所以我的问题是在前端存储数据的最佳实践是 DOM 还是 Javascript？
提前致谢
The data-属性通常更多地用作将数据输入 JavaScript 的方式（即从服务器端模板），而不是存储数据的运行时位置。保存活动数据的更好位置是在 JavaScript 对象中，特别是当您在脚本的生命周期中频繁访问或操作它时。
这更符合 MVC 方法，其中数据位于模型中，但可能在视图中表示。因此，一些较新的 MVC 框架（例如 AngularJS）提供了两者之间的自动双向绑定。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
