CN106155602A - 一种页面模块的渲染方法、装置以及显示设备 - Google Patents

Abstract

本发明公开了一种页面模块的渲染方法、装置以及显示设备，用以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染完成，从而有效降低CPU消耗。本发明提供的一种页面模块的渲染方法，包括：当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

Description

一种页面模块的渲染方法、装置以及显示设备

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种页面模块的渲染方法、装置以及显示设备。

背景技术

关于手机或者电脑上的页面显示，单页应用及模块化的普及，带来的是产品性能及用户体验上的提升，而一旦应用模块化颗粒度变细，必然带来的是多模块并发渲染的情况，每次渲染都将导致大量的CPU消耗。

所述渲染(Render)是指将计算机内部的对象模型和数据通过算法指令转变成可视对象的过程；在软件运行过程中，有些模块本身是可视的(或者能够产生相应的可视化效果)，对模块的渲染，即是采用接口形式去渲染这些可视化模块，将其转换成文字或图形等形式，输出到显示器屏幕上供用户查看。

随着计算机应用的普及，用户对于软件的要求已经不仅仅局限于功能实现方面，画面的好坏也成为评价软件的重要因素之一。为了能够向用户提供更加便捷、美观的可视化操作界面，需要运用大量的可视化模块，相应地，软件运行时，对于这些模块的渲染需要占用大量的系统资源，因此对系统性能也有较高的要求，参见图1，现有的渲染模式下，各页面模块独自渲染，每次渲染都会触发一次页面的CPU消耗，因此模块一多，渲染消耗量必然大增，即有多少模块就有多少次渲染，图1中有M0至M9十个页面模块，因此分别对应从t0至t9十个时刻开始的渲染任务。当系统性能无法满足要求时，会造成画面显示速度的缓慢，严重时甚至会影响基本功能的执行，造成很差的用户体验。

综上所述，现有技术中针对页面的每一模块在需要渲染时都进行一次独立的渲染过程，如果模块较多，则渲染的次数相应的也会很多，导致CPU消耗过大。

发明内容

本发明实施例提供了一种页面模块的渲染方法、装置以及显示设备，用以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染完成，从而有效降低CPU消耗。

本发明实施例提供的一种页面模块的渲染方法，包括：

当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

通过该方法，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务；当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务，因此可以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染过程完成对这多个模块的渲染，从而有效降低CPU消耗。

较佳地，当预设的页面模块的渲染周期到达时，确定需要进行页面模块的渲染。

较佳地，在预设的页面模块的渲染周期到达之前，该方法还包括：

对所述页面模块进行加载。

较佳地，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

较佳地，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务，包括：

当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

较佳地，当未检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

较佳地，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。

较佳地，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务转存到预设的缓存队列中。

较佳地，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。

本发明实施例提供的一种页面模块的渲染装置，包括：

第一单元，用于当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

第二单元，用于当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

较佳地，当预设的页面模块的渲染周期到达时，所述第一单元确定需要进行页面模块的渲染。

较佳地，所述第一单元还用于：在预设的页面模块的渲染周期到达之前，对所述页面模块进行加载。

较佳地，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

较佳地，所述第一单元，具体用于：当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于重新启动所述定时器。

较佳地，当未检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于：重新启动所述定时器。

较佳地，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。

较佳地，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务转存到预设的缓存队列中。

较佳地，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。

本发明实施例提供的一种显示设备，包括本发明实施例提供的所述页面模块的渲染装置。

本发明实施例提供的第二种页面模块的渲染方法，包括：

触发页面模块的渲染任务，在同一时间点，对至少两个加载完成的页面模块进行渲染。

本发明实施例提供的第三种页面模块的渲染方法，包括：

在第一时间间隔加载第一页面模块；

在第二时间间隔加载第二页面模块；

所述第一页面模块和第二页面模块之中的至少一者，在加载完成后，经过一定的延迟时间后被渲染。

附图说明

图1为现有技术中的渲染模式示意图；

图2为本发明实施例提供的一种页面模块的渲染方法的总体流程示意图；

图3为本发明实施例提供的渲染模式示意图；

图4为本发明实施例提供的一种页面模块的渲染装置的结构示意图。

具体实施方式

本发明实施例提供了一种页面模块的渲染方法、装置以及显示设备，用以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染完成，从而有效降低CPU消耗。

本发明实施例增加定时功能，定时器每执行一次，可以理解为一个帧(即触发一次渲染)，每个模块的渲染过程并非在前置任务完成后直接渲染，而是等到定时器超时时进行渲染，因此，与现有技术相比，原本多次的渲染在这样归组后，只发生了固定的少数几次的渲染，大量减少了CPU渲染的消耗。

下面结合附图对本发明实施例提供的技术方案进行详细说明。

参见图2，本发明实施例提供的一种页面模块的渲染方法，包括步骤：

S101、当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

本发明实施例中所述的页面，可以是网页；所述的页面模块，为页面经常用到的结构性元素，是构成页面的主要内容。

S102、当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

通过该方法，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务；当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务，因此可以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染过程完成对这多个模块的渲染，从而有效降低CPU消耗。

较佳地，当预设的页面模块的渲染周期到达时，确定需要进行页面模块的渲染。

周期是固定的时间间隔，实际实施时也可以是非固定时间间隔，即不是周期性地检测是否需要进行渲染，例如，只要有3个渲染任务加载完成即开始渲染。

较佳地，在预设的页面模块的渲染周期到达之前，该方法还包括：

对所述页面模块进行加载，所谓加载，例如具体包括初始化页面模块所使用的数据、请求页面模块的数据等前置任务。

以浏览器加载页面模块为例，一般浏览器进行页面模块的加载过程包括：当接收到用户设备提交的URL(Uniform/Universal Resource Locator，统一资源定位符，也被称为网页地址)请求时(例如，用户设备在浏览器的地址栏输入网址)，向相应服务器请求网页模块的数据，并将请求到的页面模块的数据下载到浏览器客户端，然后调用页面模块的渲染装置对该页面模块的数据进行渲染，通过浏览器窗口展示经渲染处理后的页面。

较佳地，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

具体的，页面模块的渲染装置执行所述任务队列中的加载完成的页面模块的渲染任务的过程，例如具体包括：首先，页面模块的渲染装置对加载完成的页面模块的数据进行解析；然后，页面模块的渲染装置根据数据解析的结果对页面模块的数据进行排版；最后，页面模块的渲染装置对页面进行绘制。

较佳地，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务，包括：

当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

较佳地，当未检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

也就是说，本发明实施例中，在监测是否到达页面模块的渲染周期时，是通过定时器来实现的，定时器的定时时长即页面模块的渲染周期的时间长度，定时器超时时，立即检测任务队列中是否有需要执行的渲染任务，有则执行，没有则重新启动定时器，其中当任务队列中有需要执行的渲染任务时，可以等待一段时间后重新启动定时器，也可以在定时器超时后立即重新启动定时器，其中，所述等待的时间即为渲染任务执行所需的时间。

参见图3，由于本发明实施例增加了的定时功能，定时器每执行一次，可以理解为一个帧(图3中垂直于时间轴的灰色虚线即表示每一帧的渲染触发)，每个页面模块的渲染过程并非在加载完成后直接渲染，而是等到帧时间到达后进行渲染，即所有模块都按照定时器的设置，周期性的进行渲染，因此与图1中现有的渲染模式相比，在相同页面模块，以及相同的时间长度内，本发明实施例中图3所示的渲染过程，只发生了三次，即分别是在t0、t1、t2时刻开始进行的渲染过程，因此大量减少了CPU渲染的消耗。具体地，参见图3，在t0时刻，有页面模块M2、M3、和M4三个渲染任务开始执行，并且，页面模块M2、M4两个渲染任务经过一定的时间延迟后被执行；在t1时刻，有页面模块M0、M1、和M5三个渲染任务开始执行，并且，页面模块M0、M1、和M5三个渲染任务均经过一定的时间延迟后被执行；在t2时刻，有页面模块M6、M7、M8、和M9四个渲染任务开始执行，并且，页面模块M6、M7、M8、和M9四个渲染任务均经过一定的时间延迟后被执行。

较佳地，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。具体地，可以释放一部分页面模块的渲染任务，也可以释放该任务队列中的全部页面模块的渲染任务。例如，根据页面模块的渲染装置的资源占用情况(例如CPU的占用情况)决定释放哪个或哪些已渲染的页面模块的数据，比较页面模块的数据使用的缓存空间的大小，可以优先释放使用缓存空间最大的页面模块的数据。或者，根据页面的历史访问次数决定释放哪个页面对应的模块的数据，可以提前记录已渲染完成的页面的历史访问次数，并与其他页面的历史访问次数进行比较，可以优先释放页面的历史访问次数最少的页面中包括的模块的数据。这样可以进一步节约内存占用量，使得页面浏览器保持运行流畅。

进一步的，为了减少页面请求时所产生的网络流量，可以在页面模块的渲染装置加载页面模块的数据之后，在本地保存已加载的页面模块的数据。这样，如果用户设备请求再次加载同一页面中的模块的数据，则可以直接调用本地保存的该页面的模块的数据。因此，较佳地，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务(其中包括已加载的页面模块的数据)转存到预设的本地缓存队列中。

例如，在进行页面模块的渲染任务完成之后，根据预设规则释放该任务队列中的页面模块的渲染任务，假设释放的页面模块的数据为第一页面模块的数据，而在这之前第一页面模块的数据已经保存在了本地的缓存队列中，在此情况下，如果希望再次浏览这个第一页面模块的数据对应的第一页面时，可以直接从缓存队列中获取本地存储的第一页面模块的数据，并根据上述步骤重新加载该第一页面模块的数据。

因此，在浏览器客户端获取待加载的页面模块的数据时，可以先判断本地是否保存有待加载的页面模块的数据，如果是，则直接调用本地保存的待加载页面模块的数据，否则，可以从网络侧下载该待加载页面模块的数据。这样，在本地已保存了待加载页面模块的数据的情况下，则可以直接使用本地的页面模块的数据，无需下载，有效的减少了网络资源的浪费。

较佳地，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。例如，可以按照页面访问请求的先后顺序，或者按照页面模块的渲染任务所需占用的内存大小，或者按照预设的每次渲染任务最多可以执行的页面模块的渲染任务的个数，执行该任务队列中的一部分或全部的页面模块的渲染任务。一般情况下，可以一次执行该任务队列中的全部的页面模块的渲染任务，即每次定时器超时时，都一次性地调取该任务队列中的全部的页面模块的渲染任务并且进行并行的执行。

以不停地循环启动定时器，并且定时时长是50毫秒的情况为例，在这50毫秒内当任务队列中有页面模块的渲染任务或有其他页面模块的渲染任务进入该任务队列时，会进在该任务队列中进行等待，等到定时器超时时会一起执行该任务队列中所有渲染任务。若测试时间为页面开始运行的第2秒至第7秒，以避免初始化的框架加载等性能干扰，渲染和重绘时间与现有技术相比缩短了40％以上。经过测试，CPU执行时间上升了28％，渲染时间降低了42％。

本发明实施例提供的技术方案，可以用于网页游戏、网页动画、WEB应用等频繁操作HTML元素的场景，并提高其流畅性。

与上述方法相对应地，参见图4，本发明实施例提供的一种页面模块的渲染装置，包括：

第一单元11，用于当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

第二单元12，用于当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

较佳地，当预设的页面模块的渲染周期到达时，所述第一单元确定需要进行页面模块的渲染。

较佳地，所述第一单元还用于：在预设的页面模块的渲染周期到达之前，对所述页面模块进行加载。

较佳地，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

较佳地，所述第一单元，具体用于：当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于重新启动所述定时器。

较佳地，当未检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于：重新启动所述定时器。

较佳地，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。

较佳地，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务转存到预设的缓存队列中。

较佳地，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。

以上各个单元，具体地，可以由处理器等实体装置实现。

本发明实施例提供的一种显示设备，包括本发明实施例提供的所述页面模块的渲染装置。

本发明实施例提供的第二种页面模块的渲染方法，包括：

触发页面模块的渲染任务，在同一时间点，对至少两个加载完成的页面模块进行渲染。

本发明实施例提供的第三种页面模块的渲染方法，包括：

在第一时间间隔加载第一页面模块；

在第二时间间隔加载第二页面模块；

所述第一页面模块和第二页面模块之中的至少一者，在加载完成后，经过一定的延迟时间后被渲染。

其中，所述的第一时间间隔和第二时间间隔，以及所述的延迟时间，都可以根据具体的实际需要而定。

综上所述，本发明实施例提供的技术方案中，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务；当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务，因此可以实现对页面模块的周期性渲染，使得多个模块可以通过一次渲染过程完成对这多个模块的渲染，从而有效降低CPU消耗。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (21)

1.一种页面模块的渲染方法，其特征在于，该方法包括：

当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

2.根据权利要求1所述的方法，其特征在于，当预设的页面模块的渲染周期到达时，确定需要进行页面模块的渲染。

3.根据权利要求2所述的方法，其特征在于，在预设的页面模块的渲染周期到达之前，该方法还包括：

对所述页面模块进行加载。

4.根据权利要求3所述的方法，其特征在于，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

5.根据权利要求2所述的方法，其特征在于，当预设的页面模块的渲染周期到达时，检测预设的任务队列中是否有页面模块的渲染任务，包括：

当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

6.根据权利要求5所述的方法，其特征在于，当未检测到所述任务队列中有页面模块的渲染任务时，该方法还包括：重新启动所述定时器。

7.根据权利要求1所述的方法，其特征在于，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。

8.根据权利要求7所述的方法，其特征在于，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务转存到预设的缓存队列中。

9.根据权利要求1所述的方法，其特征在于，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。

10.一种页面模块的渲染装置，其特征在于，包括：

第一单元，用于当确定需要进行页面模块的渲染时，检测任务队列中是否有页面模块的渲染任务；

第二单元，用于当检测到所述任务队列中有页面模块的渲染任务时，执行该任务队列中的页面模块的渲染任务。

11.根据权利要求10所述的装置，其特征在于，当预设的页面模块的渲染周期到达时，所述第一单元确定需要进行页面模块的渲染。

12.根据权利要求11所述的装置，其特征在于，所述第一单元还用于：在预设的页面模块的渲染周期到达之前，对所述页面模块进行加载。

13.根据权利要求12所述的装置，其特征在于，所述任务队列中的页面模块的渲染任务，是加载完成的页面模块的渲染任务。

14.根据权利要求11所述的装置，其特征在于，所述第一单元，具体用于：当预设的定时器超时时，检测预设的任务队列中是否有页面模块的渲染任务；其中，所述定时器的定时时长为所述预设的页面模块的渲染周期；

当检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于重新启动所述定时器。

15.根据权利要求14所述的装置，其特征在于，当未检测到所述任务队列中有页面模块的渲染任务时，所述第一单元还用于：重新启动所述定时器。

16.根据权利要求10所述的装置，其特征在于，执行该任务队列中的页面模块的渲染任务之后，该方法还包括：

释放该任务队列中的页面模块的渲染任务。

17.根据权利要求16所述的装置，其特征在于，释放该任务队列中的页面模块的渲染任务之后，该方法还包括：

将该任务队列中的页面模块的渲染任务转存到预设的缓存队列中。

18.根据权利要求10所述的装置，其特征在于，执行该任务队列中的页面模块的渲染任务，包括：

按照预设规则执行该任务队列中的页面模块的渲染任务。

19.一种显示设备，其特征在于，包括权利要求10-18任一权项所述的装置。

20.一种页面模块的渲染方法，其特征在于，该方法包括：

触发页面模块的渲染任务，在同一时间点，对至少两个加载完成的页面模块进行渲染。

21.一种页面模块的渲染方法，其特征在于，该方法包括：

在第一时间间隔加载第一页面模块；

在第二时间间隔加载第二页面模块；

所述第一页面模块和第二页面模块之中的至少一者，在加载完成后，经过一定的延迟时间后被渲染。