一种页面加载方法、装置、设备及可读存储介质制造方法及图纸

本申请公开了一种页面加载方法、装置、设备及可读存储介质，该方法包括：响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，当前页面包括顺序排布的多个区域；通过第一数据接口获取第一待显示数据；将第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据。通过实施本申请，从而在用户每次想要显示当前页面时，可以只获取浏览终端当前显示区域需要显示的页面数据，即第一区域的第一待显示数据，并只对第一待显示数据进行渲染并显示，从而可以避免需要一次性获取大量数据并将其进行渲染而耗费大量时间造成页面加载时间长的问题，可以减少客户端的性能消耗，提高用户体验。提高用户体验。提高用户体验。

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


[0001]本申请涉及信息
，尤其涉及一种页面加载方法、装置、设备及可读存储介质。

技术介绍

[0002]一般浏览终端进行页面加载的过程是：当接收到用户提交的URL(Uniform/Universal Resource Locator，统一资源定位符，也被称为网页地址)请求时(例如，用户在浏览终端的地址栏输入网址)，向相应服务器请求页面数据，并将请求到的页面数据下载到浏览终端客户端，然后调用页面渲染装置对该页面数据进行渲染，通过浏览终端窗口展示经渲染处理后的页面。在现有技术中，在浏览终端初始化时会生成遍历请求，即根据所述遍历请求从服务器上获取全部待显示数据，并将所述全部待显示数据渲染成页面，然后通过浏览终端窗口尺寸或者是页面之间的层级，进行对应的页面展示。若待显示数据的数据量过大时，不仅需要反复进行遍历数据操作，而且需要耗费大量时间进行渲染操作，增加了浏览终端的耗能。

技术实现思路

[0003]有鉴于此，本申请实施例通过提供一种页面加载方法、装置、设备及可读存储介质，用以解决现有技术中需要一次性获取大量数据并将其进行渲染的问题。
[0004]为了解决上述问题，第一方面，本申请实施例提供了一种页面加载方法，包括：响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，当前页面包括顺序排布的多个区域；通过第一数据接口获取第一待显示数据；将第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据。
[0005]可选地，页面加载方法还包括：对当前页面的页面滚动事件进行监听；在监听到了页面滚动事件的情况下，确定当前页面滚动的第一距离；在根据第一距离确定当前页面由第一区域滚动至包括至少部分第二区域的情况下，获取当前页面的第二区域对应的第二数据接口；通过第二数据接口获取第二待显示数据；根据第一距离，在第一待显示数据和第二待显示数据中获取对应的第一目标显示数据；将第一目标显示数据进行渲染，并在当前显示区域中显示渲染后的第一目标显示数据。
[0006]可选地，页面加载方法还包括：在确定第二数据接口为当前页面的最后一个区域的数据接口的情况下，停止对当前页面的页面滚动事件进行监听。
[0007]可选地，根据第一距离确定当前页面由第一区域滚动至包括至少部分第二区域，包括：在确定第一距离大于阈值的情况下，确定当前页面由第一区域滚动至包括至少部分第二区域。
[0008]可选地，根据第一距离，在第一待显示数据和第二待显示数据中获取对应的第一目标显示数据，包括：根据第一距离确定当前显示区域中的当前页面对应的坐标数据；从第一待显示数据和第二待显示数据中获取与坐标数据对应的显示数据，作为第一目标显示数
据。
[0009]可选地，在将第一目标显示数据进行渲染，并在当前显示区域中显示渲染后的第一目标显示数据之后，页面加载方法还包括：在监听到了页面滚动事件的情况下，确定当前页面滚动的第二距离；在根据第二距离确定当前页面未滚动至新的区域的情况下，根据第二距离，在第一待显示数据和第二待显示数据中获取对应的第二目标显示数据；将第二目标显示数据进行渲染，并在当前显示区域中显示渲染后的第二目标显示数据。
[0010]可选地，通过第一数据接口获取第一待显示数据，包括：通过第一数据接口从服务器中获取第一待显示数据。
[0011]第二方面，本申请实施例提供了一种页面加载装置，包括：第一获取单元，用于响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，当前页面包括顺序排布的多个区域；第二获取单元，用于通过第一数据接口获取第一待显示数据；显示单元，用于将第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据。
[0012]第三方面，本申请实施例提供了一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器执行如第一方面或第一方面任意实施方式中的页面加载方法。
[0013]第四方面，本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令用于使计算机执行如第一方面或第一方面任意实施方式中的页面加载方法。
[0014]本申请实施例提供的页面加载方法、装置、设备及可读存储介质，通过响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，当前页面包括顺序排布的多个区域；通过第一数据接口获取第一待显示数据；将第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据，从而在用户每次想要显示当前页面时，可以只获取浏览终端当前显示区域需要显示的页面数据，即第一区域的第一待显示数据，并只对第一待显示数据进行渲染并显示，从而可以避免需要一次性获取大量数据并将其进行渲染而耗费大量时间造成页面加载时间长的问题，可以减少客户端的性能消耗，提高用户体验。
[0015]上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。
附图说明
[0016]图1为本申请实施例中一种页面加载方法的流程示意图；
[0017]图2为本申请实施例中一种页面加载装置的结构示意图；
[0018]图3为本申请实施例中一种电子设备的硬件结构示意图。
具体实施方式
[0019]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是
本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0020]浏览终端是指可以显示网页服务器或者文件系统的HTML(Hyper Text Mark
‑
upLanguage，超文本标记语言或超文本链接标示语言)文件内容，并让用户与这些文件交互的一种软件工具。浏览终端是访问互联网最常用的工具。随着互联网技术的飞速发展，浏览终端在人们的日常生活、工作和学习中的应用已经越来越频繁。一般浏览终端进行页面加载的过程是：当接收到用户提交的URL请求时(例如，用户在浏览终端的地址栏输入网址)，向相应服务器请求页面数据，并将请求到的页面数据下载到浏览终端客户端，然后调用页面渲染装置对该页面数据进行渲染，通过浏览终端窗口展示经渲染处理后的页面。在现有技术中，在浏览终端初始化时会生成遍历请求，即根据所述遍历请求从服务器上获取全部待显示数据，并将所述全部待显示数据渲染成页面，然后通过浏览终端窗口尺寸或者是页面之间的层级，进行对应的页面展示。若待显示数据的数据量过大时，不仅需要反复进行遍历数据操作，而且需要耗费大量时间进行渲染操作，增加了浏览终端的耗能。
[0021]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，所述当前页面包括顺序排布的多个区域；通过所述第一数据接口获取第一待显示数据；将所述第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据。2.根据权利要求1所述的页面加载方法，其特征在于，还包括：对所述当前页面的页面滚动事件进行监听；在监听到了所述页面滚动事件的情况下，确定所述当前页面滚动的第一距离；在根据所述第一距离确定所述当前页面由第一区域滚动至包括至少部分第二区域的情况下，获取所述当前页面的第二区域对应的第二数据接口；通过所述第二数据接口获取第二待显示数据；根据所述第一距离，在所述第一待显示数据和第二待显示数据中获取对应的第一目标显示数据；将所述第一目标显示数据进行渲染，并在当前显示区域中显示渲染后的第一目标显示数据。3.根据权利要求2所述的页面加载方法，其特征在于，还包括：在确定所述第二数据接口为所述当前页面的最后一个区域的数据接口的情况下，停止对所述当前页面的页面滚动事件进行监听。4.根据权利要求2所述页面加载方法，其特征在于，根据所述第一距离确定所述当前页面由第一区域滚动至包括至少部分第二区域，包括：在确定所述第一距离大于阈值的情况下，确定所述当前页面由第一区域滚动至包括至少部分第二区域。5.根据权利要求2所述的页面加载方法，其特征在于，所述根据所述第一距离，在所述第一待显示数据和第二待显示数据中获取对应的第一目标显示数据，包括：根据所述第一距离确定当前显示区域中的当前页面对应的坐标数据；从所述第一待显示数据和第二待显示数据中获取与所述坐标数据对应的显示数据，...

【专利技术属性】
技术研发人员：万鹏翔，陈开，
申请(专利权)人：深圳联想懂的通信有限公司，
类型：发明
国别省市：