[发明专利]页面组件高度确定方法、装置、计算机设备和存储介质

说明书

本公开提供了一种页面组件高度确定方法、装置、计算机设备和存储介质，其中，该方法包括：获取目标页面的待展示列表数据；基于待展示列表数据和列表组件的生成规则，在空组件中生成显示组件；在确定出满足数据获取条件的情况下，基于显示组件确定每个子组件的组件展示高度。本公开实施例通过基于待展示列表数据和生成规则，为待展示列表数据生成显示组件，进而基于该显示组件确定每个子组件的组件展示高度的方式，可以准确的获取组件展示高度，进而避免由于子组件实际的展示高度与预定义高度不符而导致目标页面显示异常的问题。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种页面组件高度确定方法、装置、计算机设备和存储介质。

背景技术

随着互联网技术的发展，用户端页面呈现的内容变得丰富多样，各种页面技术的要求也越来越高，传统的web页面技术虽然应用广泛，但是由于web页面嵌入APP时的技术限制，其对于内容丰富的页面展示效果并不理想，有鉴于此，对于内容丰富的页面，现有技术中通常采用长列表方式进行展示。

如图1所示，长列表通常是由若干显示子组件组成，针对采用长列表方式展示的页面，在进行数据渲染时，需要根据预先定义组件高度进行数据渲染展示。发明人发现，在实际应用中，由于用户端存在许多能够影响数据展示效果的影响因素，且这些影响因素在开发端是不可预测的。例如，在数据包含图片或者视频等动态内容时，预先定义的组件高度如果与展示该动态内容的展示高度不同，可能会造成组件高度坍塌，导致页面显示内容叠加、留白等目标页面显示异常的问题。

发明内容

本公开实施例至少提供一种页面组件高度确定方法、装置、计算机设备和存储介质。

第一方面，本公开实施例提供了一种页面组件高度确定方法，包括：获取目标页面的待展示列表数据；其中，所述待展示列表数据为目标列表数据中待渲染到所述目标页面对应的显示界面的可视区域内的数据；生成用于展示所述待展示列表数据的空组件；基于所述待展示列表数据和列表组件的生成规则，在所述空组件中生成显示组件，其中，所述显示组件包含多个子组件，每个子组件用于展示对应的待展示列表数据；在确定出当前时刻满足数据获取条件的情况下，基于所述显示组件，确定每个所述子组件的组件展示高度。

在一种可能的实施方式中，所述方法还包括：响应于针对所述待展示列表数据的数据渲染指令，在所述显示界面的可视区域对所述待展示列表数据进行渲染；并在进行最底层渲染的过程中获取各个子组件的组件展示高度；根据每个所述子组件的组件展示高度，调整所述待展示列表数据在所述可视区域的最上层的展示位置信息；基于所述展示位置信息在所述可视区域的最上层渲染显示所述待展示列表数据。

在一种可能的实施方式中，所述方法还包括：根据每个所述子组件的组件展示高度，建立每个所述子组件的组件标识与每个所述子组件的组件展示高度之间的映射关系；根据所述映射关系生成组件高度列表，其中，所述组件高度列表中的组件展示高度用于在所述可视区域渲染所述待展示列表数据。

在一种可能的实施方式中，所述方法还包括：响应于所述待展示列表数据的数据渲染指令，获取所述组件高度列表；基于所述组件高度列表中的组件展示高度，在所述可视区域渲染所述待展示列表数据。

在一种可能的实施方式中，所述方法还包括：在得到所述组件高度列表之后，删除所述显示组件。

在一种可能的实施方式中，所述确定出当前时刻满足数据获取条件，包括：获取预先为每个所述显示组件中的每个子组件设置的组件标签；在确定出所述组件标签发生变化的情况下，确定所述当前时刻满足所述数据获取条件。

在一种可能的实施方式中，所述方法还包括：在所述空组件中生成所述显示组件之后，为每个所述子组件设置属性信息，其中，所述属性信息用于指示每个子组件对应的组件高度；所述基于所述显示组件，确定每个所述子组件的组件展示高度，包括：针对所述显示组件中的每个子组件，从所述每个子组件的属性信息中读取每个子组件对应的组件高度值；确定读取的组件高度值为该子组件的组件展示高度。