[发明专利]动态页面展示方法、装置及电子设备

说明书

本申请实施例公开了动态页面展示方法、装置及电子设备，该方法包括：响应于对目标动态页面进行展示的请求，向所述目标动态页面关联的页面框架配置信息中的多个组件对应的接口发起调用；在接收各组件的返回数据的过程中，确定多个首屏可视组件；每确定出一个新的首屏可视组件时，对已确定为首屏可视组件的参数信息进行更新，并根据更新后的参数信息进行首屏完整性校验；如果首屏完整性校验通过，且在所述配置信息中排序位置符合条件的其他组件均已返回数据且数据为空，则开始对各首屏可视组件对应的返回数据进行整体展示。通过本申请实施例，能够在保持加载速度的同时，避免页面加载过程中的组件“跳动”或者页面“闪动”现象。

技术领域

本申请涉及动态页面展示技术领域，特别是涉及动态页面展示方法、装置及电子设备。

背景技术

在一些动态页面中，可能会包括多个组件，每个组件可能需要通过不同渠道进行数据获取，且各渠道返回数据的时机不定，并且，即使某渠道返回数据，还可能存在数据为空的情况(此时，就不需要在页面展示该组件)，即使返回数据且数据不为空，具体的数据在页面中所占的高度也都是不固定的，因此，这就导致页面的加载或者缓存刷新过程中，可能会产生组件的“跳动”或者页面的“闪动”现象。

例如，具体在页面中，会预先对组件进行排序，如果这些组件同时返回数据，且数据均不为空，则按照该预置的顺序对各组件对应的数据依次进行展示即可。但是，实际的情况是，在需要展示页面时，虽然可以同时对多个组件的接口发起调用，但是，每个组件返回数据的时间可能是不同的，例如，第三个组件可能先返回了数据，且不为空，由于第1、2个组件尚未返回数据，且无法预测这两个组件返回的数据是否为空，也无法准确预测数据在页面中所占的高度，这也就无法在页面中为这两个组件预留展示位置。因此，现有技术中的做法通常是：将最先返回数据且不为空的组件(例如，组件3)数据展示在页面中的首位，后续如果组件1返回了数据且不为空，则由于需要将该组件1的数据展示到首位，此时，用户看到的效果可能是，组件1的数据插入到页面中，占据了原来组件3的数据所在的位置，同时组件3的数据向下移动，这就是所谓的组件“跳动”或者页面“闪动”现象。

现有技术中另一种做法是整体刷新，也就是说，等待所有的组件都获取到模板和数据后，刷新整个页面。这种方式下，虽然不会产生组件“跳动”或者页面“闪动”现象，但是，页面加载速度依赖于最慢的组件接口，整体的页面可视时间会较长。

因此，如何在保持加载速度的同时，避免页面加载过程中的组件“跳动”或者页面“闪动”现象，成为需要本领域技术人员解决的技术问题。

发明内容

本申请提供了动态页面展示方法、装置及电子设备，能够在保持加载速度的同时，避免页面加载过程中的组件“跳动”或者页面“闪动”现象。

本申请提供了如下方案：

一种动态页面展示方法，包括：

响应于对目标动态页面进行展示的请求，向所述目标动态页面关联的页面框架配置信息中的多个组件对应的接口发起调用；

在接收各组件的返回数据的过程中，确定多个首屏可视组件，所述首屏可视组件为：已返回数据且数据不为空、在所述配置信息中排序位置符合条件的组件；

每确定出一个新的首屏可视组件时，对已确定为首屏可视组件的参数信息进行更新，并根据更新后的参数信息进行首屏完整性校验；

如果首屏完整性校验通过，且在所述配置信息中排序位置符合条件的其他组件均已返回数据且数据为空，则将当前时刻确定为首屏展示时间点，并开始对各首屏可视组件对应的返回数据进行整体展示。

一种动态页面展示装置，包括：

组件调用发起单元，用于响应于对目标动态页面进行展示的请求，向所述目标动态页面关联的页面框架配置信息中的多个组件对应的接口发起调用；