一种页面区块的懒加载方法、装置、存储介质及设备制造方法及图纸

本申请公开了一种页面区块的懒加载方法、装置、存储介质及设备，接收到页面中待渲染区块对应的待渲染数据后，确定该区块中展示区域包含的组件，作为展示组件，并将展示组件进行展示。当接收到用户对区块的水平滚动操作后，重新确定展示区域，并根据重新确定出的展示区域，确定展示组件，将重新确定出的展示组件进行渲染，并展示。在页面区块包含的数据较多的情况下，仅对展示区域内的组件进行渲染并展示，所需时间较短，提高了渲染效率。提高了渲染效率。提高了渲染效率。

【技术实现步骤摘要】
一种页面区块的懒加载方法、装置、存储介质及设备


[0001]本说明书涉及计算机
，尤其涉及一种页面区块的懒加载方法、装置、存储介质及设备。

技术介绍

[0002]随着计算机技术的发展和业务深入融合的需要，浏览页面以获取信息，已经成为目前人们获取信息的重要途径之一。
[0003]目前，展示单元在将信息展示给用户时，通常可获取待渲染数据，并对待渲染数据包含的各元素进行渲染，将渲染结果在页面中进行展示。
[0004]但是，在待渲染数据中包含的元素较多时，需要花费较长时间才可将待渲染数据中的所有元素渲染完成，进而导致展示单元从接收到待渲染数据到将渲染结果展示给用户的过程耗时较长，渲染效率较低。
[0005]基于此，本申请提供一种页面区块的懒加载方法。

技术实现思路

[0006]本说明书提供一种页面区块的懒加载方法、装置、可读存储介质及电子设备，以部分的解决现有技术存在的上述问题。
[0007]本说明书采用下述技术方案：
[0008]本说明书提供一种页面区块的懒加载方法，包括：
[0009]确定待渲染区块和所述待渲染区块中的展示区域，其中，所述待渲染区块为页面中的指定区域；
[0010]确定所述待渲染区块中包含的各组件，并从所述各组件中，确定所述展示区域包含的组件，作为各展示组件；
[0011]对所述各展示组件分别对应的待渲染数据进行渲染，并将所述渲染结果在所述展示区域展示给用户；
[0012]响应于所述用户对所述展示区域的水平滚动操作，重新确定展示区域，并根据重新确定出的展示区域重新确定各展示组件，以及在重新确定出的展示区域中，展示重新确定出的各展示组件分别对应的待渲染数据的渲染结果。
[0013]可选地，从所述各组件中，确定所述展示区域包含的组件，作为各展示组件，具体包括：
[0014]确定所述展示区域对应的第一宽度以及所述组件对应的第二宽度；
[0015]根据所述第一宽度和所述第二宽度，确定落入所述展示区域的各组件，作为各展示组件。
[0016]可选地，在重新确定出的展示区域中，展示重新确定出的各展示组件分别对应的待渲染数据的渲染结果，具体包括：
[0017]针对重新确定出的每个展示组件，判断该展示组件对应的待渲染数据是否已被渲
染；
[0018]若是，则确定该展示组件对应的待渲染数据的渲染结果进行展示；
[0019]若否，则确定该展示组件的待渲染数据，并对所述待渲染数据的待渲染数据进行渲染，将渲染结果进行展示。
[0020]可选地，所述方法应用于终端，所述终端和控制单元连接；
[0021]响应于所述用户对所述待渲染数据的水平滚动操作，重新确定展示区域，具体包括：
[0022]接收所述控制单元发送的控制指令，所述控制指令包括滚动方向和滚动距离，所述控制指令为所述控制单元根据用户操作确定的；
[0023]根据所述展示区域的初始位置和所述控制指令，确定滚动后的展示区域的位置，并根据所述滚动后的展示区域的位置，重新确定展示区域。
[0024]可选地，所述方法还包括：
[0025]接收所述控制单元根据用户对所述控制单元的滚动操作确定的控制指令；
[0026]或者，接收所述控制单元根据用户对展示区域在所述待渲染区块中的位置对应的进度条的拖动操作确定的控制指令。
[0027]可选地，所述组件用于展示图片。
[0028]可选地，所述方法还包括：
[0029]对所述各组件分别对应的组件框架进行渲染。
[0030]本说明书提供一种渲染装置，所述装置包括：
[0031]区块确定模块，用于确定待渲染区块和所述待渲染区块中的展示区域，其中，所述待渲染区块为页面中的指定区域；
[0032]组件确定模块，用于确定所述待渲染区块中包含的各组件，并从所述各组件中，确定所述展示区域包含的组件，作为各展示组件；
[0033]渲染模块，用于对所述各展示组件分别对应的待渲染数据进行渲染，并将所述渲染结果在所述展示区域展示给用户；
[0034]响应模块，用于响应于所述用户对所述展示区域的水平滚动操作，重新确定展示区域，并根据重新确定出的展示区域重新确定各展示组件，以及在重新确定出的展示区域中，展示重新确定出的各展示组件分别对应的待渲染数据的渲染结果。
[0035]本说明书提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面区块的懒加载方法。
[0036]本说明书提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面区块的懒加载方法。
[0037]本说明书采用的上述至少一个技术方案能够达到以下有益效果：
[0038]接收到页面中待渲染区块对应的待渲染数据后，确定该区块中展示区域包含的组件，作为展示组件，并将展示组件进行展示。当接收到用户对区块的水平滚动操作后，重新确定展示区域，并根据重新确定出的展示区域，确定展示组件，将重新确定出的展示组件进行渲染，并展示。
[0039]在页面区块包含的数据较多的情况下，仅对展示区域内的组件进行渲染并展示，所需时间较短，提高了渲染效率。
附图说明
[0040]此处所说明的附图用来提供对本说明书的进一步理解，构成本说明书的一部分，本说明书的示意性实施例及其说明用于解释本说明书，并不构成对本说明书的不当限定。在附
[0041]图中：
[0042]图1为本说明书提供的页面区块的懒加载方法的流程示意图；
[0043]图2为本说明书提供的待渲染区域的结构示意图；
[0044]图3为本说明书提供的待渲染区域的结构示意图；
[0045]图4为本说明书提供的页面区块的懒加载装置的结构示意图；
[0046]图5为本说明书提供的对应于图1的电子设备示意图。
具体实施方式
[0047]为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书保护的范围。
[0048]以下结合附图，详细说明本说明书各实施例提供的技术方案。
[0049]一般的，在数据处理领域，渲染通常为终端在接收到待渲染数据后，用折线图、散点图能图标类型可视化地实时展示待渲染数据的过程。而最为常见的一种渲染场景，为终端接收到网页对应的待渲染数据后，将网页对应的待渲染数据进行渲染并在页面上展示给用户。
[0050]目前，一种常见的网页渲染方法是，由服务端将页面包含的所有内容发送给客户端，客户端将服务端发送的内容进行接收，并将接收到的待渲染数据渲染为文档对象类型本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面区块的懒加载方法，其特征在于，所述方法包括：确定待渲染区块和所述待渲染区块中的展示区域，其中，所述待渲染区块为页面中的指定区域；确定所述待渲染区块中包含的各组件，并从所述各组件中，确定所述展示区域包含的组件，作为各展示组件；对所述各展示组件分别对应的待渲染数据进行渲染，并将所述渲染结果在所述展示区域展示给用户；响应于所述用户对所述展示区域的水平滚动操作，重新确定展示区域，并根据重新确定出的展示区域重新确定各展示组件，以及在重新确定出的展示区域中，展示重新确定出的各展示组件分别对应的待渲染数据的渲染结果。2.如权利要求1所述的方法，其特征在于，从所述各组件中，确定所述展示区域包含的组件，作为各展示组件，具体包括：确定所述展示区域对应的第一宽度以及所述组件对应的第二宽度；根据所述第一宽度和所述第二宽度，确定落入所述展示区域的各组件，作为各展示组件。3.如权利要求1所述的方法，其特征在于，在重新确定出的展示区域中，展示重新确定出的各展示组件分别对应的待渲染数据的渲染结果，具体包括：针对重新确定出的每个展示组件，判断该展示组件对应的待渲染数据是否已被渲染；若是，则确定该展示组件对应的待渲染数据的渲染结果进行展示；若否，则确定该展示组件的待渲染数据，并对所述待渲染数据的待渲染数据进行渲染，将渲染结果进行展示。4.如权利要求1所述的方法，其特征在于，所述方法应用于终端，所述终端和控制单元连接；响应于所述用户对所述待渲染数据的水平滚动操作，重新确定展示区域，具体包括：接收所述控制单元发送的控制指令，所述控制指令包括滚动方向和滚动距离，所述控制指令为所述控制单元根据用户操作确定的；...

【专利技术属性】
技术研发人员：张璠璠，王永恒，傅四维，巫英才，王亚鸽，李爽，杨博，施明君，
申请(专利权)人：之江实验室，
类型：发明
国别省市：