[发明专利]页面展示方法及装置、电子设备、存储介质

说明书

本公开是关于一种页面展示方法及装置、电子设备、存储介质，所述方法包括：接收针对页面的展示指令；响应于所述展示指令，调整所述页面的第一展示对象层的展示量；根据所述展示量确定所述页面的第二展示对象层的展示调整量；响应于所述展示调整量调整所述第二展示对象层的展示状态。本公开兼容各种浏览器的页面展示，如电脑端浏览器和手机端浏览器等，基于滚动行为能实现复杂的动画效果，提升了网页交互的流畅性，避免了卡顿及丢帧，提升了用户体验效果。

技术领域

本公开涉及页面展示技术，尤其涉及一种页面展示方法及装置、电子设备、存储介质。

背景技术

目前，用户在浏览网页时，由于网页一般展示内容较多，用户常有拖动网页的使用习惯，目前，针对用户的拖拽方式，一般都是基于网页对应的文档对象模型(DocumentObject Model，DOM)进行分析，并生成响应于用户拖拽动作的网页拖动方式，以将相关网页展示给用户。然而，由于网页应用是针对用户的实际网页内容进行的处理，当用户拖动界面内容较多时，针对用户拖动的响应时间不仅相当长，动态展示网页时断断续续性，影响用户的使用体验，导致当前网页页面的动画效果优化性较差，导致视觉卡顿，影响浏览者的视觉感受及体验效果。

发明内容

本公开提供一种页面展示方法及装置、电子设备、存储介质。

根据本公开实施例的第一方面，提供一种页面展示方法，包括：

接收针对页面的展示指令；

响应于所述展示指令，调整所述页面的第一展示对象层的展示量；

根据所述展示量确定所述页面的第二展示对象层的展示调整量；

响应于所述展示调整量调整所述第二展示对象层的展示状态。

可选的，所述第一展示对象层和所述第二展示对象层分别设置有第一界面构建组件和第二界面构建组件；所述第一界面构建组件中包括对应于所述第一展示对象层的第一虚拟文档对象模型(Document Object Model，DOM)，所述第二界面构建组件中包括对应于所述第二展示对象层的第二虚拟DOM。

可选的，所述根据所述展示量确定所述页面的第二展示对象层的展示调整量，包括：

通过所述第一界面构建组件获取所述页面的第一展示对象层的滚动量，所述滚动量作为第一展示对象层的展示量；

通过所述第二界面构建组件计算所述第二展示对象层的对应于所述滚动量的调整动画帧，将所述调整动画帧作为所述展示调整量。

可选的，所述响应于所述展示调整量调整所述第二展示对象层的展示状态，包括：

通过所述第二界面构建组件对所述调整动画帧进行平滑处理，调用动画执行线程获取平滑处理后的所述调整动画帧，将所获取的所述调整动画帧作为所述第二虚拟DOM的显示动画帧，使所述第二虚拟DOM的显示状态改变；

响应于所述第二虚拟DOM的显示状态改变，对所述第二虚拟DOM的显示动画帧进行渲染，以调整所述第二展示对象层的展示状态。

可选的，在通过所述第二界面构建组件计算所述第二展示对象层的对应于所述滚动量的调整动画帧之前，所述方法还包括：

通过所述第一界面构建组件将获取的所述滚动量存储在滚动量队列中。

可选的，通过所述第二界面构建组件计算所述第二展示对象层的对应于所述滚动量的调整动画帧，将所述调整动画帧作为所述展示调整量包括：

从所述滚动量队列中，获取预定滚动量；

通过所述第二界面构建组件计算所述第二展示对象层的对应于所述预定滚动量的调整动画帧，将所述调整动画帧作为所述展示调整量。

可选的，所述方法还包括：