页面视图的加载方法、装置、存储介质和电子设备制造方法及图纸

本公开涉及一种页面视图的加载方法、装置、存储介质和电子设备，该方法包括：在根据第一页面数据生成目标页面的第一页面视图，并展示第一页面视图之后，获取第一页面数据，根据第一页面数据进行渲染，以生成缓存页面视图，根据缓存页面视图，获取缓存数据，缓存数据包括：缓存图像和缓存交互数据，响应于针对目标页面的触发指令，在显示屏上展示缓存图像，并获取第二页面数据，在根据第二页面数据生成目标页面的第二页面视图之前，根据缓存交互数据，执行接收到的交互指令。本公开通过使生成第一页面视图与生成缓存页面视图异步执行，确保生成准确的缓存图像，并能够在确保目标页面的展示速度的同时，实现用户与缓存图像之间的交互。

【技术实现步骤摘要】
页面视图的加载方法、装置、存储介质和电子设备
本公开涉及图像处理
，具体地，涉及一种页面视图的加载方法、装置、存储介质和电子设备。
技术介绍
随着终端技术的不断发展，终端设备被广泛应用于人们生活的各个方面。在用户使用终端设备上的App（英文：Application，中文：应用程序）的过程中，为了提高用户的使用体验，通常会对App页面的展示进行优化。目前，主要是通过在生成目标页面的页面视图之前，先渲染一个缓存页面视图进行展示，以提高目标页面的展示速度，降低用户的等待时间。然后在生成目标页面的页面视图之后，用页面视图替换缓存页面视图，从而完成目标页面的最终展示。相关技术中，通常是采用预设的兜底占位图像（例如，灰色占位图像）作为缓存页面视图，或通过预先缓存的上次生成目标页面的页面视图的页面数据，来渲染缓存页面视图。采用兜底占位图像作为缓存页面视图，用户只能看到固定的兜底占位图像，无法获得有效信息，并且用户无法与缓存页面视图进行交互。而通过缓存的页面数据来渲染缓存页面视图，虽然能够实现用户与缓存页面视图之间的交互，但在缓存的数据量本文档来自技高网...

【技术保护点】
1.一种页面视图的加载方法，其特征在于，所述方法包括：/n在根据第一页面数据生成目标页面的第一页面视图，并在终端设备的显示屏上展示所述第一页面视图之后，获取所述第一页面数据；/n根据所述第一页面数据进行渲染，以生成缓存页面视图；/n根据所述缓存页面视图，获取缓存数据，所述缓存数据包括：缓存图像和缓存交互数据，所述缓存图像为所述缓存页面视图所展示出的图像，所述缓存交互数据用于指示所述缓存页面视图能够执行的交互操作；/n响应于针对所述目标页面的触发指令，在所述显示屏上展示所述缓存图像，并获取第二页面数据；/n在根据所述第二页面数据生成所述目标页面的第二页面视图之前，根据所述缓存交互数据，执行接收到...

【技术特征摘要】
1.一种页面视图的加载方法，其特征在于，所述方法包括：
在根据第一页面数据生成目标页面的第一页面视图，并在终端设备的显示屏上展示所述第一页面视图之后，获取所述第一页面数据；
根据所述第一页面数据进行渲染，以生成缓存页面视图；
根据所述缓存页面视图，获取缓存数据，所述缓存数据包括：缓存图像和缓存交互数据，所述缓存图像为所述缓存页面视图所展示出的图像，所述缓存交互数据用于指示所述缓存页面视图能够执行的交互操作；
响应于针对所述目标页面的触发指令，在所述显示屏上展示所述缓存图像，并获取第二页面数据；
在根据所述第二页面数据生成所述目标页面的第二页面视图之前，根据所述缓存交互数据，执行接收到的交互指令。


2.根据权利要求1所述的方法，其特征在于，所述根据所述缓存页面视图，获取缓存数据，包括：
对所述缓存页面视图进行截图，以得到所述缓存图像；
根据所述缓存页面视图对应的视图树，确定所述缓存交互数据。


3.根据权利要求2所述的方法，其特征在于，在所述对所述缓存页面视图进行截图，以得到所述缓存图像之前，所述根据所述缓存页面视图，获取缓存数据，还包括：
若所述视图树中存在动态视图元素，控制所述动态视图元素静态展示，所述动态视图元素为动态图像或视频。


4.根据权利要求2所述的方法，其特征在于，所述视图树包括至少一个视图元素，所述根据所述缓存页面视图对应的视图树，确定所述缓存交互数据，包括：
遍历所述视图树，以获取每个所述视图元素的属性信息，所述属性信息包括：该视图元素的位置；
获取所述视图树中的交互视图元素，所述交互视图元素包括交互逻辑；
将所述交互视图元素的属性信息作为所述缓存交互数据。


5.根据权利要求4所述的方法，其特征在于，所述根据所述缓存交互数据，执行接收到的交互指令，包括：
获取所述交互指令在所述缓存图像上的第一位置；
确定所述缓存交互数据中，所述第一位置对应的目标交互视图元素，所述目标交互视图元素的属性...

【专利技术属性】
技术研发人员：何少宽，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京;11