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

本申请公开了页面加载方法、装置、设备及其存储介质。该方法包括：接收用于启动待加载页面的触发事件，该待加载页面包括预先写入的标志图像的可缩放矢量图，该可缩放矢量图包括至少一个元素部件；响应于触发事件，按照元素部件的布局位置加载元素部件的属性数据，使得在待加载页面被加载的过程中可缩放矢量图呈现动态变化。根据本申请实施例的技术方案，通过控制可缩放矢量图的属性数据变换，可以减少静态图像的体积，节省了页面加载资源的时间，从而减少用户等待的时间，提升了页面加载的性能，并优化了用户体验度。

【技术实现步骤摘要】
页面加载方法、装置、设备及其存储介质
本申请一般涉及计算机
，具体涉及软件应用
，尤其涉及页面加载方法、装置、设备及其存储介质。
技术介绍
目前，用户在各种电子设备上启动应用程序时或者使用网页浏览器进入某主页时，由于不同的网络环境导致启动过程所需时间可能较长，或者启动页面单一等现象。例如采用图像互换格式GIF(GraphicsInterchangeFormat)获取图像，将GIF图像嵌入启动页面，GIF图像需要其他设计者提供，以致读取GIF图像资源所需时间过长，使得启动页面加载时间延长；又或者，采用层叠样式表CSS(CascadingStyleSheet)获取图像，将CSS图像嵌入启动页面，但是CSS图像不能实现复杂图形，导致用户的体验度不高，还有一些图像嵌入启动页面，其代码量和工作量，导致时间成本和人力成本过高。这些启动页面在加载过程中，除了上述问题以外，还存在加载对象不明确的问题。
技术实现思路
鉴于现有技术中的上述缺陷或不足，期望提供一种页面加载方法、装置、设备及其存储介质，来提升页面加载的性能，优化用户的体验。第一方面，本申请实施例提供了一种页面加载方法，该方法包括：接收用于启动待加载页面的触发事件，该待加载页面包括预先写入的标志图像的可缩放矢量图，该可缩放矢量图包括至少一个元素部件；响应于触发事件，按照元素部件的布局位置加载元素部件的属性数据，使得在待加载页面被加载的过程中可缩放矢量图呈现动态变化。第二方面，本申请实施例提供了一种页面加载装置，该装置包括：接收单元，用于接收用于启动待加载页面的触发事件，该待加载页面包括预先写入的标志图像的可缩放矢量图，该可缩放矢量图包括至少一个元素部件；动态加载单元，用于响应于触发事件，按照元素部件的布局位置加载元素部件的属性数据，使得在待加载页面被加载的过程中可缩放矢量图呈现动态变化。第三方面，本申请实施例提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行该程序时实现如本申请实施例描述的方法。第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序用于：该计算机程序被处理器执行时实现如本申请实施例描述的方法。本申请实施例提出页面加载方法、装置、设备以及存储介质。该该方法在接收到用于启动待加载页面的触发事件时，响应于触发事件加载页面时按照可缩放矢量形式的标志图像的元素部件的布局位置动态地显示标志图像的元素部件，以使得标志图像呈现动态变化。本申请实施例通过控制可缩放矢量图的属性数据的变换，例如可以通过层叠样式表版本3控制可缩放矢量图的色彩变换，从而减少静态图像的体积，节省了页面加载资源的时间，进一步减少用户等待的时间，提升了页面加载的性能，并优化了用户体验度。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：图1示出了本申请实施例提供的页面加载方法的流程示意图；图2示出了标志图像的SVG图像的示意图；图3示出了本申请实施例提供的页面加载装置200的示例性结构框图；图4示出了适于用来实现本申请实施例的终端设备的计算机系统的结构示意图。具体实施方式下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关专利技术，而非对该专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与专利技术相关的部分。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。如
技术介绍
描述的，启动页面在加载过程中可能存在时间成本、人力成本过高等问题，为了提升启动页面记载的性能，本申请实施例提出一种页面加载方法，以节省页面记载资源的时间，减少用户等待的时间。请参考图1，图1示出了本申请实施例提供的页面加载方法的流程示意图。该方法可以在终端侧执行。如图1所示，该方法包括：步骤110，接收用于启动待加载页面的触发事件。本申请实施例中，待加载页面可以是应用程序的启动页面，也可以其他网页的起始页面。启动待加载页面的触发事件，例如可以是由图片加载装置来实现的，该图片加载装置具体可以为终端设备，即终端设备接收启动待加载页面的触发事件。终端设备可以是移动终端，优选的可以是具有操作系统的移动智能终端设备，也可以是电脑等终端设备。移动终端是指可以在移动中使用的设备，广义的讲包括手机、笔记本、平板电脑，甚至包括车载电脑。但是，大部分情况下是指手机或者具有多种应用功能的智能手机以及平板电脑。随着网络和技术朝着越来越宽带化的方向的发展，移动通信产业将走向真正的移动信息时代。随着集成电路技术的飞速发展，移动终端的处理能力已经拥有了强大的处理能力，移动终端正在从简单的通话工具变为一个综合信息处理平台。移动智能终端可以简称为智能终端，移动智能终端拥有接入互联网能力，通常搭载各种操作系统，可根据用户需求定制化各种功能。生活中常见的智能终端包括移动智能终端、车载智能终端、智能电视、可穿戴设备等。具体的，用户在终端的显示界面输入用于启动待加载页面的触发事件，可以是进行相关搜索，获得相关搜索的浏览页面；也可以是用户在终端的显示界面上点击相应的客户端图标，打开该客户端的浏览页面。待加载页面包括预先写入的标志图像的可缩放矢量图，其中，可缩放矢量图包括至少一个元素部件。标志图像，例如可以是用户打开客户端图标对应标志图像，或者某个客户端的Logo标志图像，例如，小蜜蜂的形状。以小蜜蜂形状为例，小蜜蜂包括头部，翅膀部分、身体部分、以及尾部等。这些部件可以称为小蜜蜂的可缩放矢量图的元素部件。本申请实施例中，通过引入标志图像使得用户直观可视地知晓访问对象，将标志图像采用可缩放矢量图的形式，可以有效地减少研发时间，节约时间成本。可缩放矢量图(ScalableVectorGraphics)，与其他图像格式相比，其他图像格式是基于像素处理的，而SVG是属于对图像的形状描述，其本质上是文本文件，体积也比较小，还具有不管放大多少倍都不会失真的优异性。步骤120，响应于触发事件，按照元素部件的布局位置加载元素部件的属性数据，使得在待加载页面被加载的过程中可缩放矢量图呈现动态变化。本申请实施例中，在接收到用户输入的触发事件后，启动页面的数据会被从预设的存储空间读取出来，即待加载页面的加载。在加载页面时，读取页面的相关数据，例如页面中的图像数据。本申请实施例中采用SVG图像嵌入待加载页面中，在读取SVG图像数据时，会获取SVG图像的静态图像.该SVG图像可以客户端的或者访问页面的Logo标志。SVG图像可以包括至少一个元素部件。例如可以是一个单独的图像数据，也可以是若干个元素部件组成的Logo标识。例如，小蜜蜂的SVG图像包括多个元素部件，如图2所示，图2示出了本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，该方法包括：/n接收用于启动待加载页面的触发事件，所述待加载页面包括预先写入的标志图像的可缩放矢量图，所述可缩放矢量图包括至少一个元素部件；/n响应于所述触发事件，按照所述元素部件的布局位置加载所述元素部件的属性数据，使得在所述待加载页面被加载的过程中所述可缩放矢量图呈现动态变化。/n

【技术特征摘要】
1.一种页面加载方法，其特征在于，该方法包括：
接收用于启动待加载页面的触发事件，所述待加载页面包括预先写入的标志图像的可缩放矢量图，所述可缩放矢量图包括至少一个元素部件；
响应于所述触发事件，按照所述元素部件的布局位置加载所述元素部件的属性数据，使得在所述待加载页面被加载的过程中所述可缩放矢量图呈现动态变化。


2.根据权利要求1所述的页面加载方法，其特征在于，按照所述元素部件的布局位置加载所述元素部件的属性数据，包括：
调用层叠样式表版本3来控制所述元素部件的填充色呈现动态变化。


3.根据权利要求2所述的页面加载方法，其特征在于，所述调用层叠样式表版本3来控制所述元素部件的填充色呈现动态变化，包括：
确定每个所述元素部件的所述填充色；
确定每个所述填充色的渐变属性；
确定每个所述渐变属性的时间属性和/或延迟属性；
根据所述时间属性和/或延迟属性控制所述填充色在所述渐变属性范围内动态变化。


4.根据权利要求1所述的页面加载方法，其特征在于，所述预先写入的标志图像的可缩放矢量图，包括：
利用文本编辑器读取所述可缩放矢量图的源码；将所述源码写入所述待加载页面。


5.一种页面加载装置，其特征在于，该装置包括：
接收单元，用于接收用于启动待加载页面的触发事件，所述待加载页面包括预先写入的标志图像的可缩放矢量图，所述可缩放...

【专利技术属性】
技术研发人员：蔡进国，黄巧丽，谭紫君，王玉琴，陈蕾，金晶，陈秋丽，
申请(专利权)人：顺丰科技有限公司，
类型：发明
国别省市：广东;44