Javascript:在表示层上格式化值是一个好主意吗?

时间:2015-09-17 12:15:58

标签: javascript performance formatting

我们的应用程序(UI)必须处理呈现计算结果(复杂/简单)。由于我们从后端接收原始数据,因此每个值/数字必须以货币/数量等格式进行格式化以便显示。目前,我们使用我们自己用javascript编写的函数在UI端执行所有这些格式化。例如:



formatAmount: function (value) {
  jQuery.sap.require("sap.ui.core.format.NumberFormat");
  var oNumberFormat = sap.ui.core.format.NumberFormat.getFloatInstance({
    maxFractionDigits: 2,
    groupingEnabled: true,
  });
  value = (oNumberFormat.format(Number(value).toFixed(2)));
  return value + " \u20ac";  // € Symbol
},




随着开发的进行,我意识到UI包含多个具有多个功能的格式。由于我们在本地进行UI测试,并将样本数据绑定到UI元素,因此我不会在显示期间遇到性能问题。但是当我考虑格式化来自后端的大量数据并将其呈现在UI上时,我感觉很糟糕。

所以我想问一下在UI端执行这样的格式化是不是一个好主意,或者我是否应该在后端处理这个?您有建议如何避免这些值格式化吗?

任何建议都将受到高度赞赏。

1 个答案:

答案 0 :(得分:1)

我建议您在客户端上执行此操作,就像您现在正在执行的操作一样:

  • 您可以更灵活地在客户端使用原始数据。特别是如果 需求已更改,您需要在用户的区域设置中显示数据,然后在客户端上比在服务器端更容易,因为您已经拥有客户端区域设置信息

  • 在客户端更容易做到。将数据发送到 客户端减少服务器和网络端的负载,尤其是如果您 有很多用户。