[发明专利]数据处理方法及装置

说明书

本发明公开了一种数据处理方法及装置，其中，上述方法包括：获取目标网页接收到的目标事件；判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同；在目标事件对应的组件状态数据与预设事件对应的组件状态数据不相同的情况下，基于目标事件对应的组件状态数据对目标网页进行刷新。采用上述技术方案，解决了相关技术中前端页面刷新频繁造成的页面卡顿的问题。

技术领域

本发明涉及通信领域，具体而言，涉及一种数据处理方法及装置。

背景技术

随着业务上线的迭代速度加快，前端开发技术栈的不断升级演进，需要开发周期短、上线快、可用于跨平台构建用户界面的应用，例如，从Facebook开源的React，到开源社区的Vue，再到Google推出的Flutter。

需要说明的是，随着业务复杂度升级，数据交互频繁、前端UI页面刷新频繁，使得渲染框架达到页面渲染瓶颈，会导致页面卡顿，使得应用无法使用。例如，在Flutter方案中，当出现大规模页面刷新时，当页面刷新帧率降到16帧/秒以后，页面会出现明显卡顿，用户无法继续操作，使得应用无法使用，目前并没有很好的优化策略，影响用户体验。

针对相关技术中前端页面刷新频繁造成的页面卡顿的问题，尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种数据处理方法及装置，以至少解决相关技术中前端页面刷新频繁造成的页面卡顿的问题。

根据本发明实施例的一个实施例，提供了一种数据处理方法，包括：获取目标网页接收到的目标事件，其中，目标事件至少包括以下之一：用户对目标网页的页面操作事件，业务端对目标网页的数据上报事件；判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同，其中，组件状态数据用于对目标网页中的组件进行渲染，预设事件为目标网页在目标事件之前接收到的事件；在目标事件对应的组件状态数据与预设事件对应的组件状态数据不相同的情况下，基于目标事件对应的组件状态数据对目标网页进行刷新。

可选地，在判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同之后，方法还包括：在目标事件对应的组件状态数据与预设事件对应的组件状态数据相同的情况下，丢弃目标事件对应的组件状态数据。

可选地，在目标事件为页面操作事件的情况下，判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同包括：判断目标事件的类型与预设事件的类型是否相同；在目标事件的类型与预设事件的类型相同的情况下，确定目标事件对应的组件状态数据与预设事件对应的组件状态数据相同，其中，目标事件的类型至少由以下信息表征：目标事件的触发方式以及目标事件的触发位置。

可选地，在目标事件为数据上报事件的情况下，判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同包括：判断目标事件对应的上报数据与预设事件对应的上报数据是否相同；在目标事件对应的上报数据与预设事件对应的上报数据相同的情况下，确定目标事件对应的组件状态数据与预设事件对应的组件状态数据相同。

可选地，在目标事件为数据上报事件的情况下，在目标事件对应的组件状态数据与预设事件对应的组件状态数据不相同的情况下，基于目标事件对应的组件状态数据对目标网页进行刷新包括：获取目标事件对应的组件状态数据与预设事件对应的组件状态数据之间的差异数据；确定差异数据对应的页面组件，并基于差异数据对页面组件进行渲染。

可选地，在判断目标事件对应的组件状态数据是否与预设事件对应的组件状态数据相同之前，方法还包括：在预设时间段内获取多个事件，从多个事件中按照预设抽取方式抽取事件，得到目标事件，其中，预设抽取方式至少包括以下之一：随机抽取，抽取多个事件中的第一个事件，抽取多个事件中的最后一个事件。

可选地，通过目标网页订阅业务端的数据的推送，得到数据上报事件。