页面组件加载方法、装置、介质及终端设备与流程

本发明涉及信息处理技术领域，尤其涉及一种页面组件加载方法、装置、介质及终端设备。

背景技术：

组件化开发，是指web(worldwideweb，互联网网页)前端的一种开发方式。采用组件化开发，可将一个组件的html(hypertextmarkuplanguage，超文本标记语言)、css(cascadingstylesheets，层叠样式表)样式、js(javascript，直译式脚本语言)独立编写出来，便于复用。目前，组件化开发主要基于react、angularjs、vue等框架进行开发。上述三者均为基于javascript的框架。不同的框架，处理css样式的方法不同。方法1：将css样式作为行内样式进行编写，但是该方法随着页面内容的增多，对应的html和css样式就越多，会产生页面冗余的情况；方法2：将页面中全部用到的组件中的css样式进行提取，然后合并压缩，但是，有的页面只需要加载一部分css样式，不需要加载全部的css样式，因此该方法会导致加载页面速度变慢，以及浪费更多流量。

技术实现要素：

本发明提供一种页面组件加载方法、装置、介质及终端设备，以解决上述技术问题中的至少一个。

本发明实施例提供一种页面组件加载方法，包括：装载页面中的待加载组件，并增加所述待加载组件对应的引用计数；根据所述引用计数判断所述待加载组件是否为首次加载；如果所述待加载组件为首次加载，则创建所述待加载组件对应的css样式代码；以及加载所述css样式代码完成组件渲染。

可选的，如果所述待加载组件不为首次加载，则从全局组件样式引用技术变量中获取所述待加载组件对应的css样式代码；加载所述css样式代码完成页面渲染。

可选的，装载页面中的待加载组件，包括：调用css收集器中的装载css方法，以装载所述待加载组件。

可选的，在装载页面中的待加载组件之前，还包括：执行组件渲染onrender方法开启组件渲染。

可选的，创建所述待加载组件对应的css样式代码，包括：利用js脚本语言通过文档对象模型dom接口创建所述待加载组件对应的css样式代码。

可选的，在检测到页面中的组件被移除时，执行组件释放onrelease方法；调用所述css收集器中的卸载css方法，以减少所述被移除的组件的引用计数。

可选的，当所述被移除的组件的引用计数减少到0时，利用所述js脚本语言通过所述dom接口删除所述被移除的组件对应的css样式代码。

本发明另一实施例提供一种页面组件加载装置，包括：装载模块，用于装载页面中的待加载组件，并增加所述待加载组件对应的引用计数；判断模块，用于根据所述引用计数判断所述待加载组件是否为首次加载；创建模块，用于如果所述待加载组件为首次加载，则创建所述待加载组件对应的css样式代码；以及渲染模块，用于加载所述css样式代码完成组件渲染。

可选的，所述装置还包括：获取模块，用于如果所述待加载组件不为首次加载，则从全局组件样式引用技术变量中获取所述待加载组件对应的css样式代码；所述渲染模块，用于加载所述css样式代码完成页面渲染。

可选的，所述装载模块，用于：调用css收集器中的装载css方法，以装载所述待加载组件。

可选的，所述装置还包括：开启模块，用于在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。

可选的，所述创建模块，用于：利用js脚本语言通过文档对象模型dom接口创建所述待加载组件对应的css样式代码。

可选的，所述装置还包括：释放模块，用于在检测到页面中的组件被移除时，执行组件释放onrelease方法，并调用所述css收集器中的卸载css方法，以减少所述被移除的组件的引用计数。

可选的，所述释放模块，还用于：当所述被移除的组件的引用计数减少到0时，利用所述js脚本语言通过所述dom接口删除所述被移除的组件对应的css样式代码。

本发明还一实施例提供一种非易失性计算机存储介质，其特征在于，所述非易失性计算机存储介质存储有计算机可执行命令，所述计算机可执行命令用于使计算机执行如本发明第一方面实施例所述的页面组件加载方法。

本发明又一实施例提供一种终端设备，包括至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的命令，所述命令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明第一方面实施例所述的页面组件加载方法。

本发明再一实施例提供一种应用程序，当所述应用程序中的指令由处理器执行时，执行如本发明第一方面实施例所述的页面组件加载方法。

本发明实施例提供的技术方案可以包括以下有益效果：

通过装载页面中的待加载组件，并增加所述待加载组件对应的引用计数，然后根据所述引用计数判断所述待加载组件是否为首次加载；在当待加载组件为首次加载时，创建所述待加载组件对应的css样式代码，以及加载所述css样式代码完成组件渲染，保证了css样式代码能够实时地跟随页面组件的使用情况进行变化，改善css样式加载的方式，有效地提升了页面组件加载的速度，减少流量耗费，提升用户浏览页面的使用体验。

本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1是根据本发明一个实施例的页面组件加载方法的流程图；

图2是根据本发明另一个实施例的页面组件加载方法的流程图；

图3是根据本发明又一个实施例的页面组件加载方法的流程图；

图4是根据本发明一个具体实施例的页面组件加载效果示意图；

图5是根据本发明一个实施例的页面组件加载装置的结构框图；

图6是根据本发明另一个实施例的页面组件加载装置的结构框图；

图7是根据本发明又一个实施例的页面组件加载装置的结构框图；

图8是根据本发明再一个实施例的页面组件加载装置的结构框图；

图9是根据本发明一个实施例的终端设备的结构框图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。

下面参考附图描述本发明实施例的页面组件加载方法、装置、介质及终端设备。

图1是根据本发明一个实施例的页面组件加载方法的流程图。

如图1所示，该页面组件加载方法包括：

s101，装载页面中的待加载组件，并增加待加载组件对应的引用计数。

在本发明的一个具体实施例中，首先，可在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。其中，onrender方法为表示组件生命周期开始的函数。

在开启组件渲染后，可调用css收集器中的装载css方法，以装载待加载组件，并增加待加载组件对应的引用计数。例如：页面中有一个组件a，在页面加载时，如需要加载该组件a，则该组件a对应的引用计数可+1，用以表示组件a被加载的次数。

s102，根据引用计数判断待加载组件是否为首次加载。

在本发明的一个具体实施例中，可通过css渲染器检测引用计数的变化情况，来判断待加载组件是否为首次加载。其中，每个待加载组件均具有一个与其一一对应的标识，如果css渲染器检测到某一待加载组件的标识为新增的标识，其对应的引用计数为0，则可确定该待加载组件为首次加载。如果css渲染器检测到某一待加载组件的标识为已有标识，其对应的引用计数增加，如从2增加到3，则可确定该待加载组件不为首次加载。

s103，如果待加载组件为首次加载，则创建待加载组件对应的css样式代码。

在本发明的一个具体实施例中，可利用js脚本语言通过浏览器的文档对象模型dom接口创建待加载组件对应的css样式代码。

s104，加载css样式代码完成组件渲染。

在创建css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

另外，如图2所示，页面组件加载方法还可包括以下步骤：

s105，如果待加载组件不为首次加载，则从全局组件样式引用技术变量中获取待加载组件对应的css样式代码。

如果待加载组件不为首次加载，则说明该待加载组件对应的css样式代码已经存在，则无需重新创建，只需获取现有的css样式代码即可。其中，css样式代码保存在全局组件样式引用技术变量中。全局组件样式引用技术变量主要保存组件的标识、引用计数以及对应的css样式代码。

s104，加载css样式代码完成组件渲染。

在获取css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

此外，如图3所示，页面组件加载方法还可包括以下步骤：

s106，在检测到页面中的组件被移除时，执行组件释放onrelease方法。

其中，onrelease方法为表示组件生命周期的函数，主要用于组件释放。

s107，调用css收集器中的卸载css方法，以减少被移除的组件的引用计数。

在组件释放后，可调用css收集器中的卸载css方法，以卸载被移除的组件，并减少该组件对应的引用计数。例如：页面中的一个组件a被移除，则该组件a对应的引用计数可-1，用以表示组件a被卸载的次数。

当被移除的组件的引用计数减少到0时，可利用js脚本语言通过浏览器的dom接口删除被移除的组件对应的css样式代码。也就是说，如果被移除的组件的引用计数减少到0，说明该组件不会再被加载，因此可删除该组件对应的css样式代码，从而避免页面冗余。

下面以一个具体的示例进行解释说明。

如图4所示，在进行页面组件化开发时，可预先对组件进行定义。其中，可通过js代码定义组件的生命周期，onrender表示组件渲染，onrelease表示组件释放。然后，定义一个全局组件样式引用计数变量，用于记录当前页面中包含的组件、组件的数量以及组件对应的css样式。

其中，compotent_a表示组件a，count:1表示对应的引用计数为1，css:'background:red'表示css样式为背景是红色；compotent_b表示组件b，count:0表示对应的引用计数为0，css:'font-size:10px'表示css样式为字体大小为10像素。

然后，再定义一个css收集器，其中，css收集器包括两个方法，一个为装载css样式，另一个为卸载css样式。当页面组件加载时，可通过组件的标识来对该组件的引用计数进行增加操作。当页面组件被移除时，可通过组件的标识来对该组件的引用计数进行减少操作。

在此之后，定义一个css渲染器，用于检测组件的引用计数是否发生变化。当css渲染器检测到组件的标识为新增的标识时，则可利用js脚本语言通过浏览器的dom接口创建新增的组件对应的css样式代码。当css渲染器检测到组件的标识为已有标识时，则仅对该组件的引用计数进行增加操作，如css_counter.compotent_a.count+＝1。当css渲染器检测到页面中的组件被移除时，则对被移除的组件对应的引用计数进行减少操作。当被移除的组件对应的引用计数减少到0或小于0时，可利用js脚本语言通过浏览器的dom接口删除被移除的组件对应的css样式代码。

在定义好上述内容后，可执行页面加载过程。

具体地，页面开始加载，需要加载的组件执行onrender方法开始渲染。通过调用css收集器的装载css样式的方法，增加需要加载的组件的引用计数。css渲染器可检测上述组件引用计数的变化。如果需要加载的组件为首次加载，则可利用js脚本语言通过浏览器的dom接口创建新增的组件对应的css样式代码，然后进行渲染。如果需要加载的组件不为首次加载，则无需创建新的css样式代码，直接引用已有的css样式代码进行渲染，且增加对应的组件的引用计数。

此外，在页面发生变化时，某些组件被移除，此时被移除的组件执行onrelease方法，通过调用css收集器的卸载css样式的方法，减少被移除组件的引用计数。如果某一组件的引用计数减少到0时，可利用js脚本语言通过浏览器的dom接口删除被移除的组件对应的css样式代码。

本发明实施例的页面组件加载方法，通过装载页面中的待加载组件，并增加待加载组件对应的引用计数，然后根据引用计数判断待加载组件是否为首次加载，在当待加载组件为首次加载时，创建待加载组件对应的css样式代码，以及加载css样式代码完成组件渲染，保证了css样式代码能够实时地跟随页面组件的使用情况进行变化，改善css样式加载的方式，有效地提升了页面组件加载的速度，减少流量耗费，提升用户浏览页面的使用体验。

为了实现上述实施例，本发明还提出了一种页面组件加载装置，图5是根据本发明一个实施例的页面组件加载装置的结构框图，如图5所示，该装置包括装载模块510、判断模块520、创建模块530和渲染模块540。

其中，装载模块510，用于装载页面中的待加载组件，并增加待加载组件对应的引用计数。

判断模块520，用于根据引用计数判断待加载组件是否为首次加载。

创建模块530，用于如果待加载组件为首次加载，则创建待加载组件对应的css样式代码。

渲染模块540，用于加载css样式代码完成组件渲染。

另外，如图6所示，该装置还可包括获取模块550。

获取模块550，用于如果待加载组件不为首次加载，则从全局组件样式引用技术变量中获取待加载组件对应的css样式代码。

渲染模块540，用于加载css样式代码完成页面渲染。

另外，如图7所示，该装置还可包括开启模块560。

开启模块560，用于在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。

如图8所示，该装置还可包括释放模块570。

释放模块570，用于在检测到页面中的组件被移除时，执行组件释放onrelease方法，并调用css收集器中的卸载css方法，以减少被移除的组件的引用计数。

需要说明的是，前述对页面组件加载方法的解释说明，也适用于本发明实施例的页面组件加载装置，本发明实施例中未公布的细节，在此不再赘述。

本发明实施例的页面组件加载装置，通过装载页面中的待加载组件，并增加待加载组件对应的引用计数，然后根据引用计数判断待加载组件是否为首次加载，在当待加载组件为首次加载时，创建待加载组件对应的css样式代码，以及加载css样式代码完成组件渲染，保证了css样式代码能够实时地跟随页面组件的使用情况进行变化，改善css样式加载的方式，有效地提升了页面组件加载的速度，减少流量耗费，提升用户浏览页面的使用体验。

为了实现上述实施例，本发明又一实施例提供一种终端设备。

如图9所示，终端设备900包括至少一个处理器910；以及，

与至少一个处理器通信连接的存储器920；其中，

存储器920存储有可被至少一个处理器910执行的命令，命令被至少一个处理器910执行，以使至少一个处理器910能够执行本发明第一方面实施例的页面组件加载方法。

例如，计算机程序可被处理器执行以完成以下步骤的页面组件加载方法：

s101’，装载页面中的待加载组件，并增加待加载组件对应的引用计数。

在本发明的一个具体实施例中，首先，可在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。其中，onrender方法为表示组件生命周期开始的函数。

在开启组件渲染后，可调用css收集器中的装载css方法，以装载待加载组件，并增加待加载组件对应的引用计数。例如：页面中有一个组件a，在页面加载时，如需要加载该组件a，则该组件a对应的引用计数可+1，用以表示组件a被加载的次数。

s102’，根据引用计数判断待加载组件是否为首次加载。

在本发明的一个具体实施例中，可通过css渲染器检测引用计数的变化情况，来判断待加载组件是否为首次加载。其中，每个待加载组件均具有一个与其一一对应的标识，如果css渲染器检测到某一待加载组件的标识为新增的标识，其对应的引用计数为0，则可确定该待加载组件为首次加载。如果css渲染器检测到某一待加载组件的标识为已有标识，其对应的引用计数增加，如从2增加到3，则可确定该待加载组件不为首次加载。

s103’，如果待加载组件为首次加载，则创建待加载组件对应的css样式代码。

在本发明的一个具体实施例中，可利用js脚本语言通过浏览器的文档对象模型dom接口创建待加载组件对应的css样式代码。

s104’，加载css样式代码完成组件渲染。

在创建css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

另外，处理器还可执行以下步骤：

s105’，如果待加载组件不为首次加载，则从全局组件样式引用技术变量中获取待加载组件对应的css样式代码。

如果待加载组件不为首次加载，则说明该待加载组件对应的css样式代码已经存在，则无需重新创建，只需获取现有的css样式代码即可。其中，css样式代码保存在全局组件样式引用技术变量中。全局组件样式引用技术变量主要保存组件的标识、引用计数以及对应的css样式代码。

s104’，加载css样式代码完成组件渲染。

在获取css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

此外，处理器还可执行以下步骤：

s106’，在检测到页面中的组件被移除时，执行组件释放onrelease方法。

其中，onrelease方法为表示组件生命周期的函数，主要用于组件释放。

s107’，调用css收集器中的卸载css方法，以减少被移除的组件的引用计数。

在组件释放后，可调用css收集器中的卸载css方法，以卸载被移除的组件，并减少该组件对应的引用计数。例如：页面中的一个组件a被移除，则该组件a对应的引用计数可-1，用以表示组件a被卸载的次数。

当被移除的组件的引用计数减少到0时，可利用js脚本语言通过浏览器的dom接口删除被移除的组件对应的css样式代码。也就是说，如果被移除的组件的引用计数减少到0，说明该组件不会再被加载，因此可删除该组件对应的css样式代码，从而避免页面冗余。

本发明实施例的终端设备，通过装载页面中的待加载组件，并增加待加载组件对应的引用计数，然后根据引用计数判断待加载组件是否为首次加载，在当待加载组件为首次加载时，创建待加载组件对应的css样式代码，以及加载css样式代码完成组件渲染，保证了css样式代码能够实时地跟随页面组件的使用情况进行变化，改善css样式加载的方式，有效地提升了页面组件加载的速度，减少流量耗费，提升用户浏览页面的使用体验。

为了实现上述实施例，本发明还一实施例提供一种非易失性计算机存储介质，其特征在于，非易失性计算机存储介质存储有计算机可执行命令，计算机可执行命令用于使计算机执行如本发明第一方面实施例的页面组件加载方法。

其中，方法包括以下步骤：

s101’，装载页面中的待加载组件，并增加待加载组件对应的引用计数。

在本发明的一个具体实施例中，首先，可在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。其中，onrender方法为表示组件生命周期开始的函数。

在开启组件渲染后，可调用css收集器中的装载css方法，以装载待加载组件，并增加待加载组件对应的引用计数。例如：页面中有一个组件a，在页面加载时，如需要加载该组件a，则该组件a对应的引用计数可+1，用以表示组件a被加载的次数。

s102’，根据引用计数判断待加载组件是否为首次加载。

在本发明的一个具体实施例中，可通过css渲染器检测引用计数的变化情况，来判断待加载组件是否为首次加载。其中，每个待加载组件均具有一个与其一一对应的标识，如果css渲染器检测到某一待加载组件的标识为新增的标识，其对应的引用计数为0，则可确定该待加载组件为首次加载。如果css渲染器检测到某一待加载组件的标识为已有标识，其对应的引用计数增加，如从2增加到3，则可确定该待加载组件不为首次加载。

s103’，如果待加载组件为首次加载，则创建待加载组件对应的css样式代码。

在本发明的一个具体实施例中，可利用js脚本语言通过浏览器的文档对象模型dom接口创建待加载组件对应的css样式代码。

s104’，加载css样式代码完成组件渲染。

在创建css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

为了实现上述实施例，本发明再一实施例提供一种应用程序，当应用程序中的指令由处理器执行时，执行如本发明第一方面实施例的页面组件加载方法。

其中，方法包括以下步骤：

s101’，装载页面中的待加载组件，并增加待加载组件对应的引用计数。

在本发明的一个具体实施例中，首先，可在装载页面中的待加载组件之前，执行组件渲染onrender方法开启组件渲染。其中，onrender方法为表示组件生命周期开始的函数。

在开启组件渲染后，可调用css收集器中的装载css方法，以装载待加载组件，并增加待加载组件对应的引用计数。例如：页面中有一个组件a，在页面加载时，如需要加载该组件a，则该组件a对应的引用计数可+1，用以表示组件a被加载的次数。

s102’，根据引用计数判断待加载组件是否为首次加载。

在本发明的一个具体实施例中，可通过css渲染器检测引用计数的变化情况，来判断待加载组件是否为首次加载。其中，每个待加载组件均具有一个与其一一对应的标识，如果css渲染器检测到某一待加载组件的标识为新增的标识，其对应的引用计数为0，则可确定该待加载组件为首次加载。如果css渲染器检测到某一待加载组件的标识为已有标识，其对应的引用计数增加，如从2增加到3，则可确定该待加载组件不为首次加载。

s103’，如果待加载组件为首次加载，则创建待加载组件对应的css样式代码。

在本发明的一个具体实施例中，可利用js脚本语言通过浏览器的文档对象模型dom接口创建待加载组件对应的css样式代码。

s104’，加载css样式代码完成组件渲染。

在创建css样式代码之后，即可执行加载css样式代码操作，从而完成组件渲染，最终实现页面组件的加载。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(ram)，只读存储器(rom)，可擦除可编辑只读存储器(eprom或闪速存储器)，光纤装置，以及便携式光盘只读存储器(cdrom)。另外，计算机可读介质甚至可以是可在其上打印程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(pga)，现场可编程门阵列(fpga)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。