[发明专利]一种页面加载方法、装置、设备及可读存储介质

说明书

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

技术领域

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

背景技术

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

发明内容

有鉴于此，本申请实施例通过提供一种页面加载方法、装置、设备及可读存储介质，用以解决现有技术中需要一次性获取大量数据并将其进行渲染的问题。

为了解决上述问题，第一方面，本申请实施例提供了一种页面加载方法，包括：响应于当前页面的显示指令，获取当前页面的第一区域对应的第一数据接口，当前页面包括顺序排布的多个区域；通过第一数据接口获取第一待显示数据；将第一待显示数据进行渲染，并在当前显示区域中显示渲染后的第一待显示数据。

可选地，页面加载方法还包括：对当前页面的页面滚动事件进行监听；在监听到了页面滚动事件的情况下，确定当前页面滚动的第一距离；在根据第一距离确定当前页面由第一区域滚动至包括至少部分第二区域的情况下，获取当前页面的第二区域对应的第二数据接口；通过第二数据接口获取第二待显示数据；根据第一距离，在第一待显示数据和第二待显示数据中获取对应的第一目标显示数据；将第一目标显示数据进行渲染，并在当前显示区域中显示渲染后的第一目标显示数据。

可选地，页面加载方法还包括：在确定第二数据接口为当前页面的最后一个区域的数据接口的情况下，停止对当前页面的页面滚动事件进行监听。

可选地，根据第一距离确定当前页面由第一区域滚动至包括至少部分第二区域，包括：在确定第一距离大于阈值的情况下，确定当前页面由第一区域滚动至包括至少部分第二区域。

可选地，根据第一距离，在第一待显示数据和第二待显示数据中获取对应的第一目标显示数据，包括：根据第一距离确定当前显示区域中的当前页面对应的坐标数据；从第一待显示数据和第二待显示数据中获取与坐标数据对应的显示数据，作为第一目标显示数据。

可选地，在将第一目标显示数据进行渲染，并在当前显示区域中显示渲染后的第一目标显示数据之后，页面加载方法还包括：在监听到了页面滚动事件的情况下，确定当前页面滚动的第二距离；在根据第二距离确定当前页面未滚动至新的区域的情况下，根据第二距离，在第一待显示数据和第二待显示数据中获取对应的第二目标显示数据；将第二目标显示数据进行渲染，并在当前显示区域中显示渲染后的第二目标显示数据。

可选地，通过第一数据接口获取第一待显示数据，包括：通过第一数据接口从服务器中获取第一待显示数据。