标签：javascript dom custom-data-attribute performance

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

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

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

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

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

提前致谢

解决方法:

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

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

标签：javascript,dom,custom-data-attribute,performance
来源： https://codeday.me/bug/20190529/1180027.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。