[发明专利]应用在网页前端的数据处理方法、装置及存储介质

说明书

本申请提供了一种应用在网页前端的数据处理方法、装置及存储介质。其中，该方法包括：将从后台服务获取到的源数据分为多个数据块，其中，上述多个数据块设置有用于标示数据块顺序的标签；并行对上述多个数据块进行数据转换，得到转换后的多个数据块；按照上述标签，对上述转换后的多个数据块进行排序，得到目标数据，其中，上述目标数据用于前端视图显示。通过本申请，可以快速完成数据转换，提高了数据转换的效率，解决现有技术网页前端串行处理来自后台服务的大量数据，处理效率低、系统性能差的问题。

技术领域

本申请涉及数据处理技术领域，特别地，涉及一种应用在网页前端的数据处理方法、装置及存储介质。

背景技术

现有技术中网页前端（即web前端）基于Html5平台实现，web前端js对象采用ember.js框架，后端运行java服务提供数据，两端基于websocket长连接进行数据订阅获取，传输对象为Protocol Buffers（简称PB），基于PB做结构化数据的序列化和反序列，即web前端收到的是序列化后的字节数组byte[]，需要将byte[]转换成前端js对象。

具体地，如图1所示，现有技术中网页前端串行处理来自后台服务的数据的方法包括如下步骤：

步骤S101：web页面调用后台服务接口。

其中，web页面的视图中包含业务数据列表，通过web页面调用后台服务接口，进行数据订阅。

步骤S103：获取到数据队列Array<byte[]>。

可选地，后台服务接收到订阅请求之后，将数据队列发送至web前端，web前端接收到订阅的数据队列Array<byte[]>，其中，该数据队列包括多个数组对象，多个数组对象按照时间字段降序排列，例如，获取到订阅的数据队列为3000条按时间字段降序的数据队列。

步骤S105：将获取到的数据队列进行数据转换处理，主要是将获取到的数据队列中的各个数组对象转换成web前端的js对象，转换过程中，为保持转换后的js数据队列依旧有序，现有技术中一般采用对数据队列中的数组对象逐条串行转换的处理。

步骤S107：输出处理后的JS对象数据队列。

在转换完成后，将转换后的js数据队列缓存cache起来，用于视图绑定显示。

目前web前端转换数据的效率约在400条/s，若获取到的数据队列中包括3000条数据，则执行上述操作需要耗时7s以上。

由此可知，现有技术中，运行在普通PC配置机器上的Html5 web前端应用，处理数据的效率约400条/s，采用上述方案处理大量数据（如，3000条）时串行转换数据（即逐条转换），在数据队列的转换过程中耗费大量的时间，例如，将3000条byte[]转成3000个js对象的过程大约需要7s，处理大量数据的耗时长、性能差、处理效率低。

针对上述问题，目前尚未提出有效的解决方案。

发明内容

本申请提供一种数据处理方法和装置，用于解决现有技术网页前端串行处理来自后台服务的大量数据，处理效率低、系统性能差的问题。

为了实现上述目的，本申请实施例公开了一种应用在网页前端的数据处理方法，该方法包括：将从后台服务获取到的源数据分为多个数据块，其中，上述多个数据块设置有用于标示数据块顺序的标签；并行对上述多个数据块进行数据转换，得到转换后的多个数据块；按照上述标签，对上述转换后的多个数据块进行排序，得到目标数据，其中，上述目标数据用于前端视图显示。