一种组件渲染方法、装置、电子设备及存储介质与流程

1.本公开涉及互联网技术领域，尤其涉及一种组件渲染方法、装置、电子设备及存储介质。


背景技术：

2.随着当前的移动互联网的迅速发展，基于移动终端的信息资讯传播已经变得越来越成熟，通常，信息资讯通过渲染技术呈现在页面上。传统的页面渲染技术,是浏览器将htl(hypertext markup language,超文本标记语言)代码根据css(cascading style sheets,层叠样式表)定义的规则显示在浏览器窗口中的过程。
3.在前端项目开发中，工程师除了完成需求外，也在不断的通过工程手段提升页面性能，加快页面渲染。其中，如何让用户更快的打开页面，一直是前端领域经久不衰的话题和探索方向。这是因为加快首屏渲染可以提升用户体验，提高页面触达率，进而提升业务用户的留存率。如果一个页面加载数秒都不能正常显示，用户显然更倾向关闭该页面。这样就造成了业务价值流失。
4.现有技术中，工程师可以给页面上的组件设置渲染时间，比如a组件在页面打开后的第0秒进行渲染，b组件在页面打开后的第0.01秒进行渲染，c组件在页面打开后的第0.02进行渲染。首先，为了使得每个组件可以在对应的时间点进行渲染，需要因为每个组件设置延迟而设置一个定时器，这就使得代码实现较为复杂和冗余，且因为设备的时间也不是完全准确的，因此，组件的渲染时间不能得到精准控制。


技术实现要素：

5.本公开提供一种组件渲染方法、装置、电子设备及存储介质，本公开的技术方案如下：
6.根据本公开实施例的第一方面，提供一种组件渲染方法，包括：
7.确定预设页面对应的帧计数值；帧计数值表征预设页面从被打开的时间点到当前时间点经过的帧数；
8.若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。
9.在一些可能的实施例中，确定预设页面对应的帧计数值之前，还包括：
10.确定预设页面所在设备的当前帧率；
11.获取预设页面中的每个待渲染组件的渲染优先级；
12.基于每个待渲染组件的渲染优先级和当前帧率确定每个待渲染组件的渲染帧数；
13.目标待渲染组件为待渲染组件中的组件。
14.在一些可能的实施例中，获取预设页面中的每个待渲染组件的渲染优先级，包括：
15.在预设页面为非首次渲染页面，且预设页面中的组件中存在待渲染组件时，获取预设页面中的每个待渲染组件的渲染优先级；
16.非首次渲染页面表征预设页面在历史时段内被渲染过，且预设页面上的固定组件的渲染数据被保存。
17.在一些可能的实施例中，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，包括：
18.若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，将目标待渲染组件置于渲染队列；
19.基于渲染队列的渲染顺序对目标待渲染组件进行渲染。
20.在一些可能的实施例中，将目标待渲染组件置于渲染队列；基于渲染队列的渲染顺序对目标待渲染组件进行渲染，包括：
21.将目标待渲染组件的标识置于渲染队列；
22.基于渲染队列的渲染顺序对目标待渲染组件的标识对应的目标待渲染组件进行渲染。
23.在一些可能的实施例中，确定预设页面对应的帧计数值之前，还包括：
24.接收预设页面的显示指令；
25.基于显示指令调用预设页面对应的帧计时组件进行帧计时，并打开预设页面。
26.在一些可能的实施例中，方法还包括：
27.在预设页面中的每个待渲染组件渲染完成，销毁帧计时组件。
28.根据本公开实施例的第二方面，提供一种组件渲染装置，包括：
29.帧计数值确定模块，被配置为执行确定预设页面对应的帧计数值；
30.渲染模块，被配置为执行若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。
31.在一些可能的实施例中，装置还包括：
32.帧率确定模块，被配置为执行确定预设页面所在设备的当前帧率；
33.渲染优先级获取模块，被配置为执行获取预设页面中的每个待渲染组件的渲染优先级；
34.渲染帧数确定模块，被配置为执行基于每个待渲染组件的渲染优先级和当前帧率确定每个待渲染组件的渲染帧数；
35.目标待渲染组件为待渲染组件中的组件。
36.在一些可能的实施例中，渲染优先级获取模块，被配置为执行：
37.在预设页面为非首次渲染页面，且预设页面中的组件中存在待渲染组件时，获取预设页面中的每个待渲染组件的渲染优先级；
38.非首次渲染页面表征预设页面在历史时段内被渲染过，且预设页面上的固定组件的渲染数据被保存。
39.在一些可能的实施例中，渲染模块，被配置为执行：
40.若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，将目标待渲染组件置于渲染队列；
41.基于渲染队列的渲染顺序对目标待渲染组件进行渲染。
42.在一些可能的实施例中，渲染模块，被配置为执行：
43.将目标待渲染组件的标识置于渲染队列；
44.基于渲染队列的渲染顺序对目标待渲染组件的标识对应的目标待渲染组件进行渲染。
45.在一些可能的实施例中，装置还包括：
46.接收模块，被配置为执行接收预设页面的显示指令；
47.计时和页面打开模块，被配置为执行基于显示指令调用预设页面对应的帧计时组件进行帧计时，并打开预设页面。
48.在一些可能的实施例中，装置还包括：
49.组件销毁模块，被配置为执行在预设页面中的每个待渲染组件渲染完成，销毁帧计时组件。
50.根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现如上述第一方面中任一项的方法。
51.根据本公开实施例的第四方面，提供一种计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行本公开实施例的第一方面中任一项的方法。
52.根据本公开实施例的第五方面，提供一种计算机程序产品，计算机程序产品包括计算机程序，计算机程序存储在可读存储介质中，计算机设备的至少一个处理器从可读存储介质读取并执行计算机程序，使得计算机设备执行本公开实施例的第一方面中任一项的方法。
53.本公开的实施例提供的技术方案至少带来以下有益效果：
54.确定预设页面对应的帧计数值；帧计数值表征预设页面从被打开的时间点到当前时间点经过的帧数，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。本技术通过目标待渲染组件的渲染帧数和帧计数值的比较可以确定目标待渲染组件是否满足渲染时机，进而可以精确控制渲染时机，同时避免了通过多个计时器造成的代码冗余现象。
55.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
56.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
57.图1是根据一示例性实施例示出的一种应用环境的示意图；
58.图2是根据一示例性实施例示出的一种组件渲染方法的流程图；
59.图3是根据一示例性实施例示出的一种组件渲染方法的流程图；
60.图4是根据一示例性实施例示出的一种组件渲染方法的流程图；
61.图5是根据一示例性实施例示出的一种组件渲染装置的框图；
62.图6是根据一示例性实施例示出的一种用于组件渲染的电子设备的框图。
具体实施方式
63.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。
64.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的第一对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
65.需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
66.请参阅图1，图1是根据一示例性实施例示出的一种组件渲染方法的应用环境的示意图，如图1所示，该应用环境可以包括服务器01和客户端02。
67.在一些可能的实施例中，服务器01可以包括是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云组件渲染、中间件服务、域名服务、安全服务、cdn(content delivery network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。服务器上运行的操作系统可以包括但不限于安卓系统、ios系统、linux、windows、unix等。
68.在一些可能的实施例中，上述的客户端02可以包括但不限于智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmented reality，ar)/虚拟现实(virtual reality，vr)设备、智能可穿戴设备等类型的客户端。也可以为运行于上述客户端的软体，例如应用程序、小程序等。可选的，客户端上运行的操作系统可以包括但不限于安卓系统、ios系统、linux、windows、unix等。
69.在一些可能的实施例中，服务器01可以为客户端02提供预设页面，客户端02可以确定预设页面对应的帧计数值；帧计数值表征预设页面从被打开的时间点到当前时间点经过的帧数，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。本技术通过目标待渲染组件的渲染帧数和帧计数值的比较可以确定目标待渲染组件是否满足渲染时机，进而可以精确控制渲染时机，同时避免了通过多个计时器造成的代码冗余现象。
70.在一些可能的实施例中，客户端02可以和服务器01之间可以通过有线链路连接，也可以通过无线链路连接。
71.在一个示例性的实施方式，客户端、服务器和服务器对应的数据库均可以是区块链系统中的节点设备，能够将获取到以及生成的信息共享给区块链系统中的其他节点设备，实现多个节点设备之间的信息共享。区块链系统中的多个节点设备可以配置有同一条区块链，该区块链由多个区块组成，并且前后相邻的区块具有关联关系，使得任一区块中的
数据被篡改时都能通过下一区块检测到，从而能够避免区块链中的数据被篡改，保证区块链中数据的安全性和可靠性。
72.图2是根据一示例性实施例示出的一种组件渲染方法的流程图，如图2所示，组件渲染方法可以应用于客户端，也可以应用于其他节点设备，包括以下步骤：
73.在步骤s201中，确定预设页面对应的帧计数值；帧计数值表征预设页面从被打开的时间点到当前时间点经过的帧数。
74.本技术实施例中，在客户端确定预设页面对应的帧计数值之前，需要打开预设页面，以使预设页面启动组件渲染步骤。图3是根据一示例性实施例示出的一种组件渲染方法的流程图，如图3所示，包括：
75.在步骤s301中，接收预设页面的显示指令。
76.本技术实施例中，客户端可以接收预设页面的显示指令。
77.在一种可选的实施例中，假设预设页面是某个网站服务器提供的页面，客户端获取该预设页面的过程可以包括：用户可以在客户端的浏览器上输入该预设页面对应的统一资源定位器(uniform resource locator，url)。假设该url不是网络协议(internet protocol，ip)地址，而是域名，则客户端可以通过浏览器确定浏览器中是否缓存有该域名对应的ip地址，若存在，客户端可以通过浏览器将该域名解析为对应的ip地址，并基于该ip地址对网站服务器进行访问，获取该预设页面。
78.可选的，若浏览器中没有缓存该域名对应的ip地址，则客户端可以确定操作系统中是否缓存有该域名对应的ip地址，若存在，则从操作系统出获取该域名对应的ip地址，并基于该ip地址对网站服务器进行访问，获取该预设页面。
79.可选的，若操作系统中也没有缓存该域名对应的ip地址，则客户端可以将url发送至域名服务器，域名服务器将根据该url查找对应的ip地址，并将ip地址返回给客户端。如此，客户端可以基于该ip地址对网站服务器进行访问，获取该预设页面。
80.如此，在上述实施例中，客户端可以将在浏览器中输入url并进行发送的行为当作接收预设页面的显示指令的行为。
81.在步骤s303中，确定预设页面所在设备的当前帧率。
82.本技术实施例中，客户端在可以确定预设页面所在设备的当前帧率。一般来说，设备的帧率为60帧每秒，即每一秒可以有60帧数据。但是由于设备的不同，具体表现为设备的中央处理器(central processing unit，cpu)或者通用处理器(general processing unit，gpu)、或者运行内存的原因，设备的帧率和60帧每秒是有误差的，因此，客户端可以确定预设页面所在设备的当前帧率，即客户端可以确定客户端的当前帧率。
83.在步骤s305中，基于显示指令调用预设页面对应的帧计时组件进行帧计时，并打开预设页面。
84.本技术实施例中，客户端的预设页面对应的帧计数值可以是通过帧计时组件实时计时的。客户端在接收到显示指令后，可以调用预设页面对应的帧计时组件，按照当前帧率进行帧计时并打开预设页面，准备预设页面上的组件的渲染。
85.在一种可选的实施例中，在客户端通过ip地址访问，获取该预设页面之后，客户端可以基于显示指令调用预设页面对应的帧计时组件进行帧计时，并打开预设页面。其中，调用帧计时组件进行帧计时和打开预设页面可以是同一时间进行的操作。这是因为，预设页
面上的待渲染组件的渲染时机是和帧数相关的，因此，客户端需要在打开预设页面的同时，调用帧计时组件进行帧计时。
86.在一种可选的实施例中，预设页面有其对应的帧计时组件。也就是说，假设网站服务器可以提供的页面有1000个，则每个页面都有其对应的帧计时组件。在客户端通过ip地址访问，获取该预设页面之后，可以创建该预设页面对应的帧计时组件，并通过帧计时组件进行计时的同时打开预设页面。
87.在另一种可选的实施例中，预设页面可以和其他页面共享浏览器上的帧计时组件。可选的，浏览器上可以由多个帧计时组件。具体地，在客户端通过ip地址访问，获取该预设页面之后，客户端可以从多个帧即时组件中为预设页面分配一个帧计时组件，并通过帧计时组件进行计时的同时打开预设页面。
88.在步骤s307中，获取预设页面中的每个待渲染组件的渲染优先级。
89.本技术实施例中，客户端获取预设页面中每个带渲染组件的渲染优先级。
90.在一种可选的实施例中，预设页面中的待渲染组件可以是预设页面上的组件，比如常用的界面组件，虚拟按钮、链接、表格、图片、输入框等等。
91.在一些可能的实施例中，每个待渲染组件可以是一个完整的组件，比如是一张完整的表格、比如是一张完整的图片。可选的，每个待渲染组件可以是一个完整组件中的部分组件，比如，一个待渲染组件可以是一张完整的图片中的左半部分图片，可以是一张完整的表格中的上半部分表格。可选的，每个待渲染组件可以是多个完整组件组成的组件集合，比如每个待渲染组件可以是多个虚拟按钮组成的组件集合。
92.举个例子，假设预设页面是一张竖屏尺寸大于设备屏幕高度的页面，即预设页面需要通过下拉页面才能完整地浏览预设预设。我们可以将预设页面一打开首先呈现在屏幕上的部分称为首屏页面，将首屏页面下接着的第一部分称为第二屏页面，将第二屏页面下接着的第二部分称为第三屏页面
……
可以将首屏页面上的所有组件称为一个待渲染组件，可以将第二屏页面上的所有组件称为另一个待渲染组件，将第三屏页面上的所有组件称为另一个待渲染组件
……
93.本技术实施例中，预设页面中的每个待渲染组件的渲染优先级可以是预设设置的，比如可以将首屏页面上对应的待渲染组件的渲染优先级设置为最高，将第二屏页面上对应的待渲染组件的渲染优先级设置为次高，将第三屏页面上对应的待渲染组件的渲染优先级设置为最低。
94.在一种可选的实施例中，客户端获取预设页面中的每个待渲染组件的渲染优先级可以表现为：客户端获取预设页面中的每个待渲染组件的渲染优先级的标识，比如，客户端可以获取首屏页面上对应的待渲染组件的渲染优先级1，可以获取第二屏页面上对应的待渲染组件的渲染优先级为2，可以将第三屏页面上对应的待渲染组件的渲染优先级3。其中，1、2、3等数字可以用来表征渲染优先级的标识,数字越小，可以代表渲染优先级越高。
95.当然，上述代表渲染优先级的数字为一种可选的表征方式，在实际应用过程中，可以利用其它方式，比如字母(a、b、c
……
)等表征不同的渲染优先级。
96.本技术实施例中，在预设页面为非首次渲染页面，且预设页面中的组件中存在待渲染组件时，客户端可以获取预设页面中的每个待渲染组件的渲染优先级，其中，非首次渲染页面表征预设页面在历史时段内被渲染过，且预设页面上的固定组件的渲染数据被保
存。也就是说，在预设页面为非首次渲染页面的时候，说明该预设页面在历史时刻被打开，且预设页面上的组件被渲染过。如此，预设页面上的固定组件的渲染数据可以被保存在客户端上，当预设页面被再次打开时，在客户端保存有渲染数据的固定组件可以不再被渲染，如此，客户端只要从预设页面中的组件中确定出待渲染组件，并确定每个待渲染组件的渲染优先级，将每个待渲染组件的渲染优先级当作依据确定每个待渲染组件的渲染帧数。
97.如此，客户端可以减少渲染的组件量，减少客户端的硬软件消耗。
98.其中，固定组件可以是不会出现变化的组件，比如预设页面上的边框。
99.本技术实施例中，为了减轻客户端的数据换存量，客户端可以不保存预设页面上的固定组件的渲染数据。因此，不管预设页面是首次渲染页面还是非首次渲染页面，客户端可以将预设页面上的每个组件确定为待渲染组件，并确定每个待渲染组件的渲染优先级，将每个待渲染组件的渲染优先级当作依据确定每个待渲染组件的渲染帧数。
100.在步骤s309中，基于每个待渲染组件的渲染优先级和当前帧率确定每个待渲染组件的渲染帧数；目标待渲染组件为待渲染组件中的组件。
101.在一种可选的实施例中，客户端可以基于每个待渲染组件的渲染优先级确定每个待渲染组件的渲染帧数。其中，待渲染组件的渲染帧数表征当待渲染组件的渲染帧数等于帧计时组件实时计时得到的帧计数值，客户端可以对待渲染组件进行渲染。
102.举个例子，客户端可以将渲染优先级最高(标识为“0”)的待渲染组件的渲染帧数确定为0帧，即当帧计时组件实时计时得到的帧计数值为0帧时，客户端可以对帧计数值为0帧的待渲染组件进行渲染。
103.再举个例子，客户端可以将渲染优先级次高(标识为“1”)的待渲染组件的渲染帧数确定为20帧，即当帧计时组件实时计时得到的帧计数值为20帧时，客户端可以对帧计数值为20帧的待渲染组件进行渲染。
104.再举个例子，客户端可以将渲染优先级最低(标识为“2”)的待渲染组件的渲染帧数确定为40帧，即当帧计时组件实时计时得到的帧计数值为40帧时，客户端可以对帧计数值为40帧的待渲染组件进行渲染。
105.在另一种可选的实施例中，客户端可以基于每个待渲染组件的渲染优先级和当前帧率确定每个待渲染组件的渲染帧数。
106.比如，假设待渲染组件的渲染优先级为最高的，当前帧率为60帧每秒，则待渲染组件的渲染帧数可以设置为30帧。假设待渲染组件的渲染优先级为最高的，当前帧率为40帧每秒，则待渲染组件的渲染帧数可以设置为20帧.
107.可选的，步骤s203中的目标待渲染组件为预设页面中的待渲染组件中的一个或者多个组件。
108.在步骤s203中，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。
109.本技术实施例中，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，客户端可以对目标待渲染组件进行渲染，并显示在预设页面上。即当预设面中的目标待渲染组件通过其渲染帧数和帧计时组件计时得到的当前的帧计数值确定目标待渲染组件已经满足渲染时机，则客户端可以对目标待渲染组件进行渲染，并显示在预设页面上。
110.然而，由于待渲染组件的渲染帧数是预先设置的，考虑到客户端当前提供给渲染
的算力是不够支持预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，客户端可以在渲染队列的基础上，对目标待渲染组件进行渲染。因此，本技术实施例提供一种渲染方法，图4是根据一示例性实施例示出的一种组件渲染方法的流程图，如图4所示，包括：
111.在步骤s2031中，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，将目标待渲染组件置于渲染队列。
112.本技术实施例中，若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，客户端可以对将目标待渲染组件置于渲染队列。即当预设面中的目标待渲染组件通过其渲染帧数和帧计时组件计时得到的当前的帧计数值确定目标待渲染组件已经满足渲染时机，则客户端可以对将目标待渲染组件置于渲染队列。
113.具体地，客户端将目标待渲染组件置于渲染队列可以表示为：客户端可以获取目标待渲染组件的标识，并将目标待渲染组件的标识置于渲染队列。
114.在步骤s2032中，基于渲染队列的渲染顺序对目标待渲染组件进行渲染，并显示在预设页面上。
115.如此，客户端可以基于渲染队列的渲染顺序对目标待渲染组件进行渲染，并显示在预设页面上。可选的，客户端可以基于渲染队列的渲染顺序对目标待渲染组件的标识对应的目标待渲染组件进行渲染。
116.具体地，若在将目标待渲染组件置于渲染队列时，渲染队列中还包括其他的待渲染组件，客户端可以按照渲染队列的渲染顺序先对其他的待渲染组件进行渲染，等其他的待渲染组件渲染好了之后，在对目标待渲染组件进行渲染。
117.具体地，在将目标待渲染组件的标识置于渲染队列时，渲染队列中还包括其他的待渲染组件的标识。客户端可以按照渲染队列的渲染顺序先对其他的待渲染组件的标识对应的其他的待渲染组件进行渲染，等其他的待渲染组件渲染好了之后，在对目标待渲染组件的标识对应的目标待渲染组件进行渲染。
118.如此，通过将目标待渲染组件或者目标待渲染组件置于渲染队列，不仅可以使得待渲染组件按照顺序进行渲染，且可以避免同一个组件重复渲染。
119.本技术实施例中，在预设组件有其对应的帧计时组件的情况下，在预设页面中的待渲染组件都渲染完成后，可以销毁帧计时组件，释放内存。
120.综上，本技术通过目标待渲染组件的渲染帧数和帧计数值的比较可以确定目标待渲染组件是否满足渲染时机，进而可以精确控制渲染时机，加快页面上的组件的渲染进程，同时避免了现有技术通过多个计时器控制组件渲染时间从而造成的代码冗余现象。
121.图5是根据一示例性实施例示出的一种组件渲染装置框图。该装置具有实现上述方法实施例中数据处理方法的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。参照图5，该装置包括帧计数值确定模块501和渲染模块502。
122.帧计数值确定模块501，被配置为执行确定预设页面对应的帧计数值；
123.渲染模块502，被配置为执行若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，对目标待渲染组件进行渲染，并显示在预设页面上。
124.在一些可能的实施例中，装置还包括：
125.帧率确定模块，被配置为执行确定预设页面所在设备的当前帧率；
126.渲染优先级获取模块，被配置为执行获取预设页面中的每个待渲染组件的渲染优
先级；
127.渲染帧数确定模块，被配置为执行基于每个待渲染组件的渲染优先级和当前帧率确定每个待渲染组件的渲染帧数；
128.目标待渲染组件为待渲染组件中的组件。
129.在一些可能的实施例中，渲染优先级获取模块，被配置为执行：
130.在预设页面为非首次渲染页面，且预设页面中的组件中存在待渲染组件时，获取预设页面中的每个待渲染组件的渲染优先级；
131.非首次渲染页面表征预设页面在历史时段内被渲染过，且预设页面上的固定组件的渲染数据被保存。
132.在一些可能的实施例中，渲染模块，被配置为执行：
133.若预设页面中的目标待渲染组件的渲染帧数大于等于帧计数值，将目标待渲染组件置于渲染队列；
134.基于渲染队列的渲染顺序对目标待渲染组件进行渲染。
135.在一些可能的实施例中，渲染模块，被配置为执行：
136.将目标待渲染组件的标识置于渲染队列；
137.基于渲染队列的渲染顺序对目标待渲染组件的标识对应的目标待渲染组件进行渲染。
138.在一些可能的实施例中，装置还包括：
139.接收模块，被配置为执行接收预设页面的显示指令；
140.计时和页面打开模块，被配置为执行基于显示指令调用预设页面对应的帧计时组件进行帧计时，并打开预设页面。
141.在一些可能的实施例中，装置还包括：
142.组件销毁模块，被配置为执行在预设页面中的每个待渲染组件渲染完成，销毁帧计时组件。
143.需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
144.图6是根据一示例性实施例示出的一种用于组件渲染的装置3000的框图。例如，装置3000可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
145.参照图6，装置3000可以包括以下一个或多个组件：处理组件3002，存储器3004，电力组件3006，多媒体组件3008，音频组件3010，输入/输出(i/o)的接口3012，传感器组件3014，以及组件渲染组件3016。
146.处理组件3002通常控制装置3000的整体操作，诸如与显示，电话呼叫，数据组件渲染，相机操作和记录操作相关联的操作。处理组件3002可以包括一个或多个处理器3020来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件3002可以包括一个或多个模块，便于处理组件3002和其他组件之间的交互。例如，处理组件3002可以包括多媒体模
块，以方便多媒体组件3008和处理组件3002之间的交互。
147.存储器3004被配置为存储各种类型的数据以支持在设备3000的操作。这些数据的示例包括用于在装置3000上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器3004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
148.电源组件3006为装置3000的各种组件提供电力。电源组件3006可以包括电源管理系统，一个或多个电源，及其他与为装置3000生成、管理和分配电力相关联的组件。
149.多媒体组件3008包括在所述装置3000和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(lcd)和触摸面板(tp)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件3008包括一个前置摄像头和/或后置摄像头。当设备3000处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
150.音频组件3010被配置为输出和/或输入音频信号。例如，音频组件3010包括一个麦克风(mic)，当装置3000处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器3004或经由组件渲染组件3016发送。在一些实施例中，音频组件3010还包括一个扬声器，用于输出音频信号。
151.i/o接口3012为处理组件3002和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
152.传感器组件3014包括一个或多个传感器，用于为装置3000提供各个方面的状态评估。例如，传感器组件3014可以检测到设备3000的打开/关闭状态，组件的相对定位，例如所述组件为装置3000的显示器和小键盘，传感器组件3014还可以检测装置3000或装置3000一个组件的位置改变，用户与装置3000接触的存在或不存在，装置3000方位或加速/减速和装置3000的温度变化。传感器组件3014可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件3014还可以包括光传感器，如cmos或ccd图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件3014还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
153.组件渲染组件3016被配置为便于装置3000和其他设备之间有线或无线方式的组件渲染。装置3000可以接入基于组件渲染标准的无线网络，如wifi，运营商网络(如2g、3g、4g或5g)，或它们的组合。在一个示例性实施例中，组件渲染组件3016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述组件渲染组件3016还包括近场组件渲染(nfc)模块，以促进短程组件渲染。例如，在nfc模块可基于射频识别(rfid)技术，红外数据协会(irda)技术，超宽带(uwb)技术，蓝牙(bt)技术和其他技
术来实现。
154.在示例性实施例中，装置3000可以被一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
155.本发明的实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质可设置于电子设备之中以保存用于实现一种组件渲染方法相关的至少一条指令或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现上述方法实施例提供的组件渲染方法。
156.本发明的实施例还提供了提供一种计算机程序产品，计算机程序产品包括计算机程序，计算机程序存储在可读存储介质中，计算机设备的至少一个处理器从可读存储介质读取并执行计算机程序，使得计算机设备执行本公开实施例的第一方面中任一项的方法。
157.需要说明的是：上述本发明实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
158.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
159.本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
160.以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。