CN107291449A - 一种页面渲染方法、装置及设备 - Google Patents
一种页面渲染方法、装置及设备 Download PDFInfo
- Publication number
- CN107291449A CN107291449A CN201710364140.0A CN201710364140A CN107291449A CN 107291449 A CN107291449 A CN 107291449A CN 201710364140 A CN201710364140 A CN 201710364140A CN 107291449 A CN107291449 A CN 107291449A
- Authority
- CN
- China
- Prior art keywords
- routing node
- state
- route
- page
- type
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 83
- 238000000034 method Methods 0.000 title claims abstract description 62
- 230000004913 activation Effects 0.000 claims abstract description 5
- 238000012545 processing Methods 0.000 claims description 22
- 238000004891 communication Methods 0.000 claims description 19
- 230000009467 reduction Effects 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 7
- 238000004064 recycling Methods 0.000 claims description 5
- 230000003213 activating effect Effects 0.000 claims description 4
- 238000012217 deletion Methods 0.000 claims description 4
- 230000037430 deletion Effects 0.000 claims description 4
- 238000001514 detection method Methods 0.000 claims description 2
- 230000008569 process Effects 0.000 description 13
- 238000010586 diagram Methods 0.000 description 11
- 230000009471 action Effects 0.000 description 9
- 230000008859 change Effects 0.000 description 3
- 238000013500 data storage Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000011084 recovery Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000005477 standard model Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer And Data Communications (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种页面渲染方法、装置及设备,所述方法包括:接收针对当前页面的页面内容切换命令;将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。应用本发明实施例提供的方案进行页面渲染,提高了页面切换效率,增强了用户体验。
Description
技术领域
本发明涉及互联网技术领域,特别是涉及一种页面渲染方法、装置及设备。
背景技术
页面通常是由对象组成的,这些对象被组织在一个树形结构中,另外,页面中的对象通常是以模型的形式表示的,用来表示上述对象所在树形结构的标准模型称为DOM(Document Object Model,文档对象模型),另外,在DOM的基础上增加抽象层构成虚拟DOM,在页面内容发生变化的时候,通过对抽象层的操作能够提高直接对DOM操作的效率。
由于越来越多的web应用采用了SPA(Single Page Application单页应用)的构架方式,web页面的变化不再是从服务器获取一个全新的页面而是由前端应用框架中根据虚拟DOM的路由处理变化进行处理,且虚拟DOM由可以路由的虚拟DOM节点(也可以叫做路由节点)来组成。而一个虚拟DOM包含多个路由节点,依次相连通的多个路由节点形成一条路由。另外,一个页面中可以通过页面切换进行展示不同的URL的内容,且每一URL在虚拟DOM中对应一条路由。
然而,发明人在实现本发明的过程中发现,现有技术至少存在如下问题:现有技术中,以在浏览器中进行页面渲染为例,当前页面展示的URL内容对应的路由,记为第二路由;对路由进行压栈、出栈或者替换等操作后,要展示的页面内容所对应的路由,记为第一路由;
当前页面展示的内容发生切换时,页面渲染过程如下:
从第二路由切换至第一路由;
根据路由切换后的虚拟DOM,重新构建真实DOM;
根据重新构建的真实DOM进行页面渲染。
上述页面渲染过程中,从第二路由切换至第一路由时,会释放所有属于第二路由但是不属于第一路由的路由节点,这样每次进行页面内容切换时,需重新创建所有属于第一路由但不属于第二路由的路由节点,进而导致页面切换效率低,用户体验差。
发明内容
本发明实施例的目的在于提供一种文档对象模型渲染方法、装置及设备,以提高页面切换效率,增强用户体验。具体技术方案如下:
本发明实施例提供一种页面渲染方法,应用于终端设备,所述方法包括:
接收针对当前页面的页面内容切换命令;
将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
可选的,所述根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容,包括:
在所述第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点,其中,所述第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点;
设置所述第三类路由节点的状态为激活状态,并将所述第三类路由节点的状态更新至所述路由节点状态列表中;
根据切换路由节点状态、创建新路由节点后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
可选的,所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;
在所述页面内容切换命令为出栈操作时,在所述将所述虚拟文档对象中第二类路由节点切换为非激活状态之后,还包括:
对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
可选的,在所述页面内容切换命令为压栈操作时,在所述将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态之后,还包括:
对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
可选的,所述方法还包括:
根据所述路由节点状态列表,检测是否存在引用计数等于预设数值的路由节点;
若为是,从所述路由节点状态列表中删除该节点的信息,并对所述虚拟文档对象模型中的该节点进行删除回收处理。
本发明实施例还提供了一种页面渲染装置,应用于终端设备,所述装置包括:
接收模块,用于接收针对当前页面的页面内容切换命令;
激活模块,用于将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
渲染模块,用于根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
可选的,所述渲染模块,包括:
创建子模块,用于在所述第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点,其中,所述第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点;
设置子模块,用于设置所述第三类路由节点的状态为激活状态,并将所述第三类路由节点的状态更新至所述路由节点状态列表中;
渲染子模块,用于根据切换路由节点状态、创建新路由节点后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
可选的,所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;
在激活模块之后,还包括:减少模块;
所述减少模块,用于对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
可选的,在所述页面内容切换命令为压栈操作时,在所述激活模块之后,还包括:增加模块,
所述增加模块,用于对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
可选的,所述装置还包括:
检测模块,用于根据所述路由节点状态列表,检测是否存在引用计数等于预设数值的路由节点;
删除模块,用于在检测模块检测到存在引用计数等于预设数值的路由节点,从所述路由节点状态列表中删除该节点的信息,并对所述虚拟文档对象模型中的该节点进行删除回收处理。
本发明实施例还提供了一种页面渲染设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述任一所述的页面渲染方法步骤。
在本发明实施的又一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述任一所述的页面渲染方法。
在本发明实施的又一方面,本发明实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一所述的页面渲染方法。
本发明实施例提供的一种页面渲染方法、装置及设备,在接收到切面内容切换命令后,将当前页面对应的VDOM中的第一类路由节点状态切换为激活状态,同时为了避免当前页面的内容对切换后页面内容的影响,将VDOM第二类路由节点的状态切换为非激活状态,进而根据切换了路由节点状态后的VDOM进行切换后页面的渲染。本发明实施例,通过对VDOM中的路由节点状态进行修改,而并不需要重新构建一个VDOM,因此,解决了现有技术中每次进行页面内容切换均需重新创建所有属于第一路由但不属于第二路由的路由节点,而导致页面切换效率低以及用户体验差的问题。所以,能够提高页面切换效率,增强用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例提供的页面渲染方法的一种流程示意图;
图2为应用本发明实施例提供的页面渲染方法的一种实例示意图;
图3为应用本发明实施例提供的页面渲染方法的另一种实例示意图;
图4为本发明实施例提供的页面渲染方法的另一种流程示意图;
图5为应用本发明实施例提供的页面渲染方法的再一种实例示意图;
图6为本发明实施例提供的页面渲染方法的再一种流程示意图;
图7为本发明实施例提供的页面渲染装置的一种结构示意图;
图8为本发明实施例提供的页面渲染装置的另一种结构示意图;
图9为本发明实施例提供的页面渲染装置的再一种结构示意图;
图10为本发明实施例提供的页面渲染设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述。
为解决现有技术问题,本发明实施例提供了一种页面渲染方法、装置及设备,以下进行详细说明。
需要说明的是,本发明实施例提供的一种页面渲染方法的执行主体可以为一种页面渲染装置。在实际应用中,该页面渲染装置可以为运行于终端设备中,在用户需要进行页面渲染时使用,这都是合理的。
参见图1,图1为本发明实施例提供的页面渲染方法的一种流程示意图,应用于终端设备,所述方法包括步骤:
S101,接收针对当前页面的页面内容切换命令。
需要说明的是,终端设备中可以安装应用程序,如浏览器、新闻应用软件、购物软件等等,这些软件在手机中进行显示的特点是:通过SPA的概念可以得知,单页应用,就是只有一张Web页面的应用,也就是说当前只能显示一个页面,对软件进行操作时,通过当前页面对应的内容的变化进行不同内容的显示。
需要说明的是,传统的网站都是多页面的,每次点击一个链接就会打开一个新的页面,但是SPA是一旦打开这个网站,这个“页面”就会一次性的下载到本地。SPA页面给用户最直观的一个感受是,每次点击一个链接,页面是不会刷新的。所以用户体验更接近于本地应用,舒适感提高很多。
示例性的,对新闻应用软件对应的当前页面执行前进动作,那么前进动作为对当前页面的页面内容切换命令;对当前页面执行后退动作,那么后退动作为对当前页面的页面切换命令。页面的前进、后退动作是本发明实施例中示例性的页面内容切换命令,不构成对本发明实施例的具体限定。
S102,将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态。
可以理解的是,以新闻应用软件为例,该软件当前显示的页面内容会对应一个虚拟文档对象模型(Virtual Document Object Model,简称:VDOM),VDOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,换句话说,这是表示和处理一个HTML或XML文档的常用方法。
需要说明的是,VDOM是树状结构,示例性的,图2是当前页面对应的VDOM树状结构图,路由节点0是根节点,路由节点0下面包含路由节点A和路由节点B,路由节点A与路由节点A1相连,路由节点A1与路由节点A2相连;路由节点B分别与路由节点B1、B2相连,路由节点B2与路由节点B21相连,路由节点B1与路由节点B11相连。
本发明实施例中,VDOM中路由节点的状态有的是激活状态,有的是非激活状态。激活状态表示该路由节点将其表示的内容通过VDOM渲染在页面中,即这些路由节点能响应用户输入,运行相关动画、逻辑;而非激活状态表示该路由节点存在VDOM中,但其动画和逻辑停止,不能响应用户的输入。
针对VDOM中的每一个路由节点,对应的状态均记录在路由节点状态列表中,示例性的,图2中,路由节点B2、B21的状态为非激活状态,路由节点B、路由节点B1和路由节点B11均为激活状态。
本发明实施例中,当前页面内容对应的路由为第二路由,具体的第二路由的组成为:路由节点B、路由节点B1、路由节点B11,且依次相连;当对当前页面执行页面内容切换命令以后,终端设备中会获得切换后的页面对应的路由,即第一路由。可以理解的是,每一个页面对应的路由均存储在终端设备中,所以在获得切换命令以后就能够根据切换后的页面得到其对应的路由。示例性的,对当前页面执行前进动作以后,切换后的页面对应的第一路由包含的路由节点为:B、B2、B21,B、B2、B21依次相连,且第一路由和第二路由中的路由节点均记录在路由节点状态列表中。
本发明实施例中,定义第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,那么结合上述实例,可以得到第一类路由节点为:路由节点B2、路由节点B21;第二类路由节点为:路由节点B1、路由节点B11。
因为第一类路由节点B2、B21均包含在VDOM中,那么将对VDOM中的路由节点进行以下操作:B2、B21的状态由非激活状态切换为激活状态;且将第二类路由节点B1、B11的状态由激活状态切换为非激活状态。并相应的,将原先记录在路由状态列表中的B2、B21的状态由非激活状态记录为激活状态;B1、B11的状态由激活状态记录为非激活状态。
S103,根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
需要说明的是,在S102中完成了当前页面对应的VDOM中需要进行状态切换的路由节点的状态切换后,切换后的页面对应的第一路由中的路由节点B、B2、B21均为激活状态,第二路由中的路由节点B、B1、B11中除了与第一路由节点共有的路由节点B外,其他的均处于非激活状态。可以理解的是第二路由节点中除了与第一路由节点公共的节点,其他的路由节点是不对切换后的页面做出任何贡献的,所以将其设置为非激活的状态,以免影响切换后的页面显示。
可以理解的是,根据进行路由节点状态切换后的VDOM构建用于页面渲染的真实DOM,从而渲染切换后的页面。具体的实现过程为现有技术,本发明实施例不对其进行赘述。
应用本发明图1所示的实施例,在接收到切面内容切换命令后,将当前页面对应的VDOM中的第一类路由节点状态切换为激活状态,同时为了避免当前页面的内容对切换后内容的影响,将VDOM第二类路由节点的状态切换为非激活状态,进而根据切换了路由节点状态后的VDOM进行切换后页面的渲染。本发明实施例提供的方案中,通过对VDOM中的路由节点状态进行修改,而并不需要重新构建一个VDOM,因此,解决了现有技术中每次进行页面内容切换均需重新创建所有属于第一路由但不属于第二路由的路由节点,而导致页面切换效率低以及用户体验差的问题。所以,能够提高页面切换效率,增强用户体验。
在本发明图1所示的实施例中,第一路由中的路由节点在路由节点状态表中均有记录,而在实际应用中,切换后页面的第一路由中的路由节点未必全部记录在路由节点状态列表中,本发明实施例提供了一种在第一路由中的路由节点未全部记录在路由节点状态列表中的情况下,进行页面渲染方案,以下进行详细说明。
需要说明的是,第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点,在第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点。可以理解的是,第一路由中包含的路由节点是为了渲染切换后页面所必须的路由节点,所以当在第一路由中有未记录在路由状态列表中的第三类路由节点时,要在VDOM中进行创建。
可以理解的是,切换后页面对应的第一路由的所有路由节点不仅要存在于VDOM中还要在VDOM中的状态为激活状态,所以将第三类路由节点设置为激活状态,并将第三类路由节点的当前激活状态更新至路由节点状态列表中。
示例性的,第一路由包含的路由节点为:B、B2、B21、B22,且依次连接,经S102步骤更新路由节点状态列表后的路由节点及状态分别为:B1、B11的状态为非激活状态;B、B2、B21、0、A、A1的状态为激活状态,由于B22并未记录在路由节点状态列表中,那么第三类路由节点为:B22。那么针对切换前页面对应的VDOM,创建路由节点B22,创建了第三类路由节点的VDOM如图3所示,再将路由节点B22的状态设置为激活状态,并将路由节点状态列表中增加B22的信息,且状态为激活状态。
需要说明的是,目前路由节点状态列表为:B1、B11的状态为非激活状态;B、B2、B21、0、A、A1、B22的状态为激活状态,再根据图3所示的虚拟文档对象模型对当前页面进行页面渲染,也就是,根据切换路由节点状态、创建新路由节点后的虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
应用本发明的实施例,能够解决在第一路由中的路由节点并未记录在路由节点状态列表时,通过创建该路由状态列表并进行激活,再进行页面渲染。
图4为本发明实施例提供的页面渲染方法的另一种流程示意图,所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;在S102之后,增加S104。
S104,对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
需要说明的是,在S102中,每次将第二路由中的一些路由节点设置为非激活状态,那么多次进行切换以后,VDOM中非激活的节点数量会越来越多,久之非常占用终端设备内存,在页面的渲染过程中将会影响页面的渲染速度和效率。
本发明实施例中,路由节点状态列表中可以记录有当前页面对应的VDOM中所有路由节点的引用计数,在S104之后还可以包括:
S105,根据所述路由节点状态列表,检测路由节点状态列表中是否存在引用计数等于预设数值的路由节点;如果存在,执行S106;如果不存在,结束。
S106,从路由节点状态列表中删除该节点的信息,并对虚拟文档对象模型中的该节点进行删除回收处理。
可以理解的是,在路由节点的计数等于预设数值时,将采用S106进行删除节点在路由节点状态列表中的信息以及节点的删除,所以路由节点的计数不等于预设数值时,那么路由节点的计数大于预设数值,所以程序处理结束。可以理解的是,不存在计数小于预设数值的情况,实际应用中,可以将预设数值设为0,那么在进行相应的计数减少操作以后,只要计数数值为0则进行删除处理,因此不会存在计数小于0的路由节点。
示例性的,第二路由中的路由节点为B、B1、B11,在路由节点状态列表中的引用计数为2、1、1,且对应的状态分别为:激活状态、非激活状态、非激活状态。对第二路由中的每一个路由节点做引用计数减少的处理,即B、B1、B11的引用计数分别减1(本发明实施例中为减少处理为减1处理,也可以为减2处理,等等),减少后的B、B1、B11的引用计数分别为1、0、0。当预设数值为0时,由于路由节点状态列表中,B1、B11的引用计数为0,即等于预设数值0,所以从路由节点状态列表中删除记录B1、B11的非激活状态、以及引用计数为0的信息,并在VDOM中删除回收B1、B11,如图5所示。由于路由节点B的引用计数减少后为1,仍然大于预设数值0,所以在路由状态列表中路由节点B的状态为激活状态、引用计数为1。
应用本发明实施例,在第二类路由节点的引用计数减少后,存在路由节点的引用计数值等于预设值时,删除第这些路由节点,从而达到减少非激活状态的节点占用内存的目的。
图6为本发明实施例提供的页面渲染方法的再一种流程示意图,在所述页面内容切换命令为压栈操作时,在所述S102之后,增加S105。
S105,对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
可以理解的是,当用户对当前页面的执行压栈操作时,执行压榨操作后的页面对应的第一路由中的所有路由节点的引用计数均进行增加处理。示例性的,第一路由为:路由节点B、路由节点B2、路由节点B21依次连接组成,由于路由节点B在路由节点状态列表中已记录,且假设其引用计数为1;路由节点B2、路由节点B21在路由节点状态列表中均未有记录(没有记录的默认为预设值,预设值可以为0),那么对第一路由上的路由节点的引用计数进行计数增加处理得到的路由节点B、路由节点B2、路由节点B21的引用计数分别为:1+1=2、0+1=1、0+1=1。
应用本发明的实施例,用户在执行压栈操作后终端设备对第一路由中的路由节点的引用计数进行增加处理后,以使得在VDOM中的处于激活状态的路由节点引用计数不小于预设值。
参见图7,图7为本发明实施例提供的页面渲染装置的一种结构示意图,应用于终端设备,所述装置包括:
接收模块701,用于接收针对当前页面的页面内容切换命令;
激活模块702,用于将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
渲染模块703,用于根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
具体的,所述渲染模块703,可以包括:创建子模块、设置子模块和渲染子模块;其中,
创建子模块,用于在所述第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点,其中,所述第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点;
设置子模块,用于设置所述第三类路由节点的状态为激活状态,并将所述第三类路由节点的状态更新至所述路由节点状态列表中;
渲染子模块,用于根据切换路由节点状态、创建新路由节点后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
应用本发明图7所示的实施例,在接收到切面内容切换命令后,将当前页面对应的VDOM中的第一类路由节点状态切换为激活状态,同时为了避免当前页面的内容对切换后内容的影响,将VDOM第二类路由节点的状态切换为非激活状态,进而根据切换了路由节点状态后的VDOM进行切换后页面的渲染。本发明实施例提供的方案中,通过对VDOM中的路由节点状态进行修改,而并不需要重新构建一个VDOM,因此,解决了现有技术中每次进行页面内容切换均需重新创建所有属于第一路由但不属于第二路由的路由节点,而导致页面切换效率低以及用户体验差的问题。所以,能够提高页面切换效率,增强用户体验。
参见图8,图8为本发明实施例提供的页面渲染装置的另一种结构示意图,所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;
在激活模块702之后,还包括:减少模块704;
所述减少模块704,用于对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
具体的,所述装置还可以包括:
检测模块705,用于根据所述路由节点状态列表,检测是否存在引用计数等于预设数值的路由节点;
删除模块706,用于在检测模块检测到存在引用计数等于预设数值的路由节点,从所述路由节点状态列表中删除该节点的信息,并对所述虚拟文档对象模型中的该节点进行删除回收处理。
应用本发明图8所示的实施例,在第二类路由节点的引用计数减少后,存在路由节点的引用计数值等于预设值时,删除第这些路由节点,从而达到减少非激活状态的节点占用内存的目的。
参见图9,图9为本发明实施例提供的页面渲染装置的再一种结构示意图,在所述页面内容切换命令为压栈操作时,在所述激活模块702之后,还包括:增加模块707,
所述增加模块707,用于对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
应用本发明图9所示的实施例,用户在执行压栈操作后终端设备对第一路由中的路由节点的引用计数进行增加处理后,以使得在VDOM中的处于激活状态的路由节点引用计数不小于预设值。
本发明实施例还提供了一种页面渲染设备,如图10所示,包括处理器1001、通信接口1002、存储器1003和通信总线1004,其中,处理器1001,通信接口1002,存储器1003通过通信总线1004完成相互间的通信,
存储器1003,用于存放计算机程序;
处理器1001,用于执行存储器1003上所存放的程序时,实现:
接收针对当前页面的页面内容切换命令;
将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
上述页面渲染设备的其他实现方式与前述方法实施例中提及的各种实现方式相同,这里不再赘述。
上述页面渲染设备提到的通信总线可以是外设部件互连标准(PeripheralComponent Interconnect,PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,RAM),也可以包括非易失性存储器(Non-Volatile Memory,NVM),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessing,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
由以上可见,本实施例提供的技术方案中,在接收到切面内容切换命令后,将当前页面对应的VDOM中的第一类路由节点状态切换为激活状态,同时为了避免当前页面的内容对切换后页面内容的影响,将VDOM第二类路由节点的状态切换为非激活状态,进而根据切换了路由节点状态后的VDOM进行切换后页面的渲染。本发明实施例,通过对VDOM中的路由节点状态进行修改,而并不需要重新构建一个VDOM,因此,解决了现有技术中每次进行页面内容切换均需重新创建所有属于第一路由但不属于第二路由的路由节点,而导致页面切换效率低以及用户体验差的问题。所以,能够提高页面切换效率,增强用户体验。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的页面渲染方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的页面渲染方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (11)
1.一种页面渲染方法,应用于终端设备,其特征在于,所述方法包括:
接收针对当前页面的页面内容切换命令;
将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
2.根据权利要求1所述的方法,其特征在于,所述根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容,包括:
在所述第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点,其中,所述第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点;
设置所述第三类路由节点的状态为激活状态,并将所述第三类路由节点的状态更新至所述路由节点状态列表中;
根据切换路由节点状态、创建新路由节点后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
3.根据权利要求1或2所述的方法,其特征在于,
所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;
在所述页面内容切换命令为出栈操作时,在所述将所述虚拟文档对象中第二类路由节点切换为非激活状态之后,还包括:
对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
4.根据权利要求3所述的方法,其特征在于,在所述页面内容切换命令为压栈操作时,在所述将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态之后,还包括:
对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
5.根据权利要求3所述的方法,其特征在于,所述方法还包括:
根据所述路由节点状态列表,检测是否存在引用计数等于预设数值的路由节点;
若为是,从所述路由节点状态列表中删除该节点的信息,并对所述虚拟文档对象模型中的该节点进行删除回收处理。
6.一种页面渲染装置,应用于终端设备,其特征在于,所述装置包括:
接收模块,用于接收针对当前页面的页面内容切换命令;
激活模块,用于将当前页面对应的虚拟文档对象模型中第一类路由节点的状态切换为激活状态,将所述虚拟文档对象中第二类路由节点切换为非激活状态,并更新路由节点状态列表中记录的所述第一类路由节点和所述第二类路由节点的状态,其中,所述第一类路由节点为:所述路由节点状态列表中记录有状态、属于第一路由且不属于第二路由的路由节点,所述第二类路由节点为:所述路由节点状态列表中记录有状态、属于所述第二路由且不属于所述第一路由的路由节点,所述第一路由为:切换后的页面内容对应的路由,所述第二路由为:切换前的页面内容对应的路由,所述路由节点状态列表,用于存储所述虚拟文档对象中各个路由节点的状态;
渲染模块,用于根据切换路由节点状态后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
7.根据权利要求6所述的装置,其特征在于,所述渲染模块,包括:
创建子模块,用于在所述第一路由中包含第三类路由节点的情况下,在所述虚拟文档对象模型中创建所述第三类路由节点,其中,所述第三类路由节点为:所述路由节点状态列表中未记录有状态、且属于所述第一路由的路由节点;
设置子模块,用于设置所述第三类路由节点的状态为激活状态,并将所述第三类路由节点的状态更新至所述路由节点状态列表中;
渲染子模块,用于根据切换路由节点状态、创建新路由节点后的所述虚拟文档对象模型对当前页面进行页面渲染,进而在当前页面中显示切换后的页面内容。
8.根据权利要求6或7所述的装置,其特征在于,所述路由节点状态列表,还用于存储所述虚拟文档对象中各个路由节点的引用计数;
在激活模块之后,还包括:减少模块;
所述减少模块,用于对所述路由节点状态列表中记录的所述第二路由上的路由节点的引用计数进行计数减少处理。
9.根据权利要求8所述的装置,其特征在于,在所述页面内容切换命令为压栈操作时,在所述激活模块之后,还包括:增加模块,
所述增加模块,用于对所述路由节点状态列表中记录的所述第一路由上的路由节点的引用计数进行计数增加处理。
10.根据权利要求8所述的装置,其特征在于,所述装置还包括:
检测模块,用于根据所述路由节点状态列表,检测是否存在引用计数等于预设数值的路由节点;
删除模块,用于在检测模块检测到存在引用计数等于预设数值的路由节点,从所述路由节点状态列表中删除该节点的信息,并对所述虚拟文档对象模型中的该节点进行删除回收处理。
11.一种页面渲染设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-5任一所述的页面渲染方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710364140.0A CN107291449B (zh) | 2017-05-22 | 2017-05-22 | 一种页面渲染方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710364140.0A CN107291449B (zh) | 2017-05-22 | 2017-05-22 | 一种页面渲染方法、装置及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107291449A true CN107291449A (zh) | 2017-10-24 |
CN107291449B CN107291449B (zh) | 2020-05-29 |
Family
ID=60094501
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710364140.0A Active CN107291449B (zh) | 2017-05-22 | 2017-05-22 | 一种页面渲染方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107291449B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108469979A (zh) * | 2018-03-28 | 2018-08-31 | 深圳前海桔子信息技术有限公司 | 一种页面跳转方法、装置、服务器和存储介质 |
CN108804584A (zh) * | 2018-05-25 | 2018-11-13 | 北京五八信息技术有限公司 | 数据展示方法、装置、设备及存储介质 |
CN109165049A (zh) * | 2018-07-03 | 2019-01-08 | 北京辰森世纪科技股份有限公司 | 组件数据处理方法及装置 |
CN109828982A (zh) * | 2018-12-15 | 2019-05-31 | 中国平安人寿保险股份有限公司 | 值班表显示方法、装置、计算机装置及存储介质 |
CN110069302A (zh) * | 2019-03-15 | 2019-07-30 | 平安普惠企业管理有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN111191225A (zh) * | 2020-01-03 | 2020-05-22 | 北京字节跳动网络技术有限公司 | 一种切换隔离对象的方法、装置、介质和电子设备 |
CN111625239A (zh) * | 2020-05-09 | 2020-09-04 | 北京仁科互动网络技术有限公司 | Spa中更新虚拟页面实例状态的方法和组件 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110258538A1 (en) * | 2010-03-31 | 2011-10-20 | Heng Liu | Capturing DOM Modifications Mediated by Decoupled Change Mechanism |
US20140181639A1 (en) * | 2012-12-20 | 2014-06-26 | Cable Television Laboratories, Inc. | Administration of web page |
CN106502699A (zh) * | 2016-11-03 | 2017-03-15 | 腾讯科技(深圳)有限公司 | 一种应用页面处理方法、装置及系统 |
-
2017
- 2017-05-22 CN CN201710364140.0A patent/CN107291449B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110258538A1 (en) * | 2010-03-31 | 2011-10-20 | Heng Liu | Capturing DOM Modifications Mediated by Decoupled Change Mechanism |
US20140181639A1 (en) * | 2012-12-20 | 2014-06-26 | Cable Television Laboratories, Inc. | Administration of web page |
CN106502699A (zh) * | 2016-11-03 | 2017-03-15 | 腾讯科技(深圳)有限公司 | 一种应用页面处理方法、装置及系统 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108469979A (zh) * | 2018-03-28 | 2018-08-31 | 深圳前海桔子信息技术有限公司 | 一种页面跳转方法、装置、服务器和存储介质 |
CN108804584A (zh) * | 2018-05-25 | 2018-11-13 | 北京五八信息技术有限公司 | 数据展示方法、装置、设备及存储介质 |
CN109165049A (zh) * | 2018-07-03 | 2019-01-08 | 北京辰森世纪科技股份有限公司 | 组件数据处理方法及装置 |
CN109828982A (zh) * | 2018-12-15 | 2019-05-31 | 中国平安人寿保险股份有限公司 | 值班表显示方法、装置、计算机装置及存储介质 |
CN110069302A (zh) * | 2019-03-15 | 2019-07-30 | 平安普惠企业管理有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN111191225A (zh) * | 2020-01-03 | 2020-05-22 | 北京字节跳动网络技术有限公司 | 一种切换隔离对象的方法、装置、介质和电子设备 |
CN111191225B (zh) * | 2020-01-03 | 2022-05-27 | 北京字节跳动网络技术有限公司 | 一种切换隔离对象的方法、装置、介质和电子设备 |
CN111625239A (zh) * | 2020-05-09 | 2020-09-04 | 北京仁科互动网络技术有限公司 | Spa中更新虚拟页面实例状态的方法和组件 |
CN111625239B (zh) * | 2020-05-09 | 2023-05-02 | 北京仁科互动网络技术有限公司 | Spa中更新虚拟页面实例状态的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107291449B (zh) | 2020-05-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107291449B (zh) | 一种页面渲染方法、装置及设备 | |
JP7013466B2 (ja) | アプリケーションデータ処理方法、装置、及びコンピュータプログラム | |
CN103106196B (zh) | 一种恢复浏览器网页的方法和装置 | |
US20100250649A1 (en) | Scope-Based Extensibility for Control Surfaces | |
CN106941567A (zh) | 显示网络图片的方法、装置以及用户终端 | |
CN111372115B (zh) | 应用程序的访问方法及装置、通讯系统 | |
CN105550187A (zh) | 单页应用中浏览记录的管理方法及装置 | |
CN101782914A (zh) | 一种对网页信息进行提示的方法及系统 | |
CN110941779B (zh) | 加载页面的方法、装置、存储介质及电子设备 | |
CN104462571A (zh) | 进行网页加载的方法、装置和浏览器客户端 | |
CN105260424A (zh) | 用户浏览网页历史记录和最常访问的处理方法及装置 | |
CN109977310A (zh) | 一种用户好友圈动态信息折叠显示的方法与设备 | |
US20240289144A1 (en) | Method, apparatus, system and storage medium for information processing | |
CN111368226A (zh) | 一种筛选方法、装置、电子设备及计算机可读存储介质 | |
CN111338626B (zh) | 一种界面渲染方法、装置、电子设备及介质 | |
US10140377B2 (en) | Data processing, data collection | |
CN111563199A (zh) | 一种数据处理方法及装置 | |
US20140337709A1 (en) | Method and apparatus for displaying web page | |
CN102567366A (zh) | 实现对网页重新排版的方法 | |
CN111479140B (zh) | 数据采集方法、设备、计算机设备和存储介质 | |
CN108268298A (zh) | 桌面图标的生成方法、装置、存储介质及电子设备 | |
CN108647197B (zh) | 一种信息处理方法、装置及存储介质 | |
CN112256992A (zh) | 一种融合多链接地址的信息流的原生渲染的方法与设备 | |
CN106201442A (zh) | 应用程序的执行方法及装置 | |
CN107480297A (zh) | 一种文章收录方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |