大家是如何“整理”html页面上的数据的?

前端页面上有很多数据,例如表格或者输入框等,初学js时,我经常是用JQuery或原生js直接获取页面上的数据然后赋值给一个变量;后来,随着工作量的加大、明白了面向对象的好处还有对js的理解加深,我开始把页面上的数据赋值给对象的属性,用对象来管理数据,但是**对象是写在js中的**,而且**获取数据也要用到一些特定的方法**。
但是,随着工作量越来越大,对代码重用的需求越来越高,之前的方法好像也渐渐的不能满足我的需求了。每一次改动页面,带来的就可能是js文件中获取html页面数据的方法或语句要重写。一两条语句还好,但是几十条上百条就开始要命了~~~~
于是,我又想到,可以将数据的获取方法留在html页面上,如下
<script>
    obj
= {
       
...
   
};
</script>
然后将obj传入js中进行处理。可是发现,我要引用很多js(没办法,因为有很多不同功能的js文件),所有js都去引用obj,会修改obj的原始值对于我来说倒不是主要原因,主要原因是obj中的属性太多,时间长就忘记那个js该去引用那个属性了,就算将属性一个一个写好注释,或者将一个obj根据被引用的js拆开来写,代码又显得很乱。
所以,小弟想请教一下各路大神,尤其是做前端数据展现或数据可视化分析的前辈,您们是如何整理这些数据的?
MagicQ -
感谢您为本话题评分。
共有2个回答
以下是预览效果,请确认排版好了再点回复。
如果你认为此话题有广告、灌水的嫌疑,请给此话题评一颗星。平均分低的话题将不会再显示。
良好的讨论氛围由大家共同维护。