在表值上运行计算时的最佳性能方法...

时间:2014-11-22 17:24:23

标签: javascript jquery html5 performance dom

摘要问题:

使用jquery:filter类获取表行总和是否更快并遍历每一行值...

或者

维护反映表格数据的字典键/值对是否更快?迭代翻译字典?

(此应用程序的行数将在3-30范围内。)

详细信息:

我有一个包含5列的表格。 2列包含数字输入。 3列包含数字输出。

根据用户添加/删除项目,总行数增加或缩小。

每次用户对任何单行条目编号输入进行更改时,脚本都必须进行计算&更新每一行上所有其他条目的值。

因为所有输出的值彼此成比例,所以脚本必须遍历每一行,并在每次更改时重新计算输出。

计算要求:

  • 一列的行条目总和。
  • 列中每行的各个输入。
  • 总行数。

脚本是用javascript编写的。

输出显示在jquerymobile / html中。

该脚本为每个行条目维护一个唯一的row_id。

我希望输出能够实时更新......这意味着当用户调整滑块输入时,输出会自动更新......并且尽可能少地延迟。

考虑到这一点......

以下是问题:

对于表现来说,进行计算的最佳方法是什么?更新DOM?

A)

  • 使用jquery:按类过滤以获取每行条目的值。

  • 迭代每个条目以获得总和。

  • 然后遍历每个行条目,对每一行进行计算,然后更新3个输出的DOM。

或者

B)

  • 维护字典键/值对(使用row_id作为键)。每次添加/删除行时,字典都会更新。

  • 维护一个单独的sum变量,每次更改输入和/或删除行时都会更新它。

  • 维护单独的行数变量,每次添加/删除行时都会更新。

  • 迭代字典项目进行计算。

  • 使用字典中的#row_id更新DOM。

或者

C)

显而易见的事我没想过......

方法B是更多的工作。总的来说,我怀疑有一个更优雅的解决方案,我不考虑?

0 个答案:

没有答案