CN113467872A - 终端页面的渐进式渲染方法、装置、设备及存储介质 - Google Patents

终端页面的渐进式渲染方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN113467872A
CN113467872A CN202110720552.XA CN202110720552A CN113467872A CN 113467872 A CN113467872 A CN 113467872A CN 202110720552 A CN202110720552 A CN 202110720552A CN 113467872 A CN113467872 A CN 113467872A
Authority
CN
China
Prior art keywords
page
virtual
rendering
virtual element
initial
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
Application number
CN202110720552.XA
Other languages
English (en)
Other versions
CN113467872B (zh
Inventor
郭俊超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Kangjian Information Technology Shenzhen Co Ltd
Original Assignee
Kangjian Information Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Kangjian Information Technology Shenzhen Co Ltd filed Critical Kangjian Information Technology Shenzhen Co Ltd
Priority to CN202110720552.XA priority Critical patent/CN113467872B/zh
Publication of CN113467872A publication Critical patent/CN113467872A/zh
Application granted granted Critical
Publication of CN113467872B publication Critical patent/CN113467872B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明涉及研发管理领域,公开了一种终端页面的渐进式渲染方法、装置、设备及存储介质。所述终端页面的渐进式渲染方法包括:接收待渲染的初始页面元素,并获取初始页面元素对应的元素标记信息;对初始页面元素进行虚拟化处理,得到初始页面元素对应的初始虚拟元素;根据元素标记信息,对初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将目标页面元素渲染至浏览器。此外,本发明还涉及区块链技术,目标页面元素可存储于区块链节点中。

Description

终端页面的渐进式渲染方法、装置、设备及存储介质
技术领域
本发明涉及可视化领域,尤其涉及一种终端页面的渐进式渲染方法、装置、设备及存储介质。
背景技术
随着手机、平板等移动设备的市场占有率提升,移动端愈发成为人们生活中不可获取的一部分,越来越多的工作流由桌面应用转至终端应用,使得移动端所承担的业务愈加复杂,对页面的渲染要求也越来越高。
为了让用户能够快速获取页面的重要信息,业界通常使用渐进式渲染的方式来加载页面,例如异步加载页面元素、滚动加载、图片懒加载和缓存机制加载等,但是,这些页面加载方式在复杂场景中的收效甚微,造成了页面加载效果差的技术问题。
发明内容
本发明提供了一种终端页面的渐进式渲染方法、装置、设备及存储介质,用于增加终端页面渲染层次,以及提高渐进式页面渲染效率。
本发明第一方面提供了一种终端页面的渐进式渲染方法,包括:
接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
可选的,在本发明第一方面的第一种实现方式中,所述接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息,包括:
接收待渲染的初始页面元素,并判断所述初始页面元素的数量是否小于预置元素阈值;
若所述初始页面元素的数量小于预置元素阈值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述初始页面元素的数量大于预置元素阈值,则按照预置的打标算法,对所述初始页面元素进行打标,得到所述初始页面元素对应的元素标记信息,所述元素标记信息包括渲染优先级。
可选的,在本发明第一方面的第二种实现方式中,所述对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素,包括:
基于预置的元素编译器,将所述初始页面元素转化为预先定义好的虚拟元素生成函数;
执行所述虚拟元素生成函数,生成虚拟元素对象,所述虚拟元素对象包括初始页面元素对应的初始虚拟元素,所述初始虚拟元素包括元素名称、元素属性和元素层级关系。
可选的,在本发明第一方面的第三种实现方式中,所述根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素,包括:
读取所述初始虚拟元素中的元素标记信息,并判断所述元素标记信息中的渲染优先级是否为空值;
若所述元素标记信息中的渲染优先级为空值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述元素标记信息中的渲染优先级不为空值,则按照所述元素标记信息中的渲染优先级,对所述初始虚拟元素进行分块处理,得到有序的多块虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素。
可选的,在本发明第一方面的第四种实现方式中,所述依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果,包括:
按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,所述相邻元素为与所述目标虚拟元素相邻的虚拟元素;
依次判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件;
若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则过滤所述目标虚拟元素对应的相邻元素,并将所述目标虚拟元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果;
若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度不满足预置的渲染条件,则将所述目标虚拟元素和所述目标虚拟元素对应的相邻元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果。
可选的,在本发明第一方面的第五种实现方式中,所述按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,包括:
按照各虚拟元素块的渲染优先级顺序,依次读取虚拟元素块中的目标虚拟元素和相邻元素的特征值,所述特征值包括颜色值、宽度值、高度值和元素类型;
通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素的特征值与相邻元素的特征值之间的傅里叶值,得到各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度。
可选的,在本发明第一方面的第六种实现方式中,所述根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器,包括:
按照所述待渲染堆栈的入栈顺序,依次读取所述待渲染堆栈中的待渲染虚拟元素;
按照所述待渲染虚拟元素中的元素名称、元素属性和元素层级关系,将所述待渲染虚拟元素还原为目标页面元素;
对所述目标页面元素进行重构,生成页面渲染树,并通过所述页面渲染树,将所述目标页面元素渲染至浏览器。
本发明第二方面提供了一种终端页面的渐进式渲染装置,包括:
接收模块,用于接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
虚拟模块,用于对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
分块模块,用于根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
变换模块,用于依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
渲染模块,用于根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
可选的,在本发明第二方面的第一种实现方式中,所述接收模块具体用于:
接收待渲染的初始页面元素,并判断所述初始页面元素的数量是否小于预置元素阈值;
若所述初始页面元素的数量小于预置元素阈值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述初始页面元素的数量大于预置元素阈值,则按照预置的打标算法,对所述初始页面元素进行打标,得到所述初始页面元素对应的元素标记信息,所述元素标记信息包括渲染优先级。
可选的,在本发明第二方面的第二种实现方式中,所述虚拟模块具体用于:
基于预置的元素编译器,将所述初始页面元素转化为预先定义好的虚拟元素生成函数;
执行所述虚拟元素生成函数,生成虚拟元素对象,所述虚拟元素对象包括初始页面元素对应的初始虚拟元素,所述初始虚拟元素包括元素名称、元素属性和元素层级关系。
可选的,在本发明第二方面的第三种实现方式中,所述分块模块具体用于:
读取所述初始虚拟元素中的元素标记信息,并判断所述元素标记信息中的渲染优先级是否为空值;
若所述元素标记信息中的渲染优先级为空值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述元素标记信息中的渲染优先级不为空值,则按照所述元素标记信息中的渲染优先级,对所述初始虚拟元素进行分块处理,得到有序的多块虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素。
可选的,在本发明第二方面的第四种实现方式中,所述变换模块包括:
计算单元,用于按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,所述相邻元素为与所述目标虚拟元素相邻的虚拟元素;
判断单元,用于依次判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则过滤所述目标虚拟元素对应的相邻元素,并将所述目标虚拟元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度不满足预置的渲染条件,则将所述目标虚拟元素和所述目标虚拟元素对应的相邻元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果。
可选的,在本发明第二方面的第五种实现方式中,所述计算单元具体用于:
按照各虚拟元素块的渲染优先级顺序,依次读取虚拟元素块中的目标虚拟元素和相邻元素的特征值,所述特征值包括颜色值、宽度值、高度值和元素类型;
通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素的特征值与相邻元素的特征值之间的傅里叶值,得到各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度。
可选的,在本发明第二方面的第六种实现方式中,所述渲染模块具体用于:
按照所述待渲染堆栈的入栈顺序,依次读取所述待渲染堆栈中的待渲染虚拟元素;
按照所述待渲染虚拟元素中的元素名称、元素属性和元素层级关系,将所述待渲染虚拟元素还原为目标页面元素;
对所述目标页面元素进行重构,生成页面渲染树,并通过所述页面渲染树,将所述目标页面元素渲染至浏览器。
本发明第三方面提供了一种终端页面的渐进式渲染设备,包括:存储器和至少一个处理器,所述存储器中存储有指令;所述至少一个处理器调用所述存储器中的所述指令,以使得所述终端页面的渐进式渲染设备执行上述的终端页面的渐进式渲染方法。
本发明的第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述的终端页面的渐进式渲染方法。
本发明提供的技术方案中,接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。本发明实施例中,终端通过对待渲染的初始页面元素,进行虚拟化处理,得到用于映射初始页面元素,得到初始虚拟元素,终端再对初始虚拟元素进行分块和傅里叶变换,得到优先渲染的目标虚拟元素,终端再将目标虚拟元素还原为目标页面元素,从而实现渐进式渲染。本发明能够增加终端页面渲染层次,并提高了渐进式页面渲染效率。
附图说明
图1为本发明实施例中终端页面的渐进式渲染方法的一个实施例示意图;
图2为本发明实施例中终端页面的渐进式渲染方法的另一个实施例示意图;
图3为本发明实施例中终端页面的渐进式渲染装置的一个实施例示意图;
图4为本发明实施例中终端页面的渐进式渲染装置的另一个实施例示意图;
图5为本发明实施例中终端页面的渐进式渲染设备的一个实施例示意图。
具体实施方式
本发明实施例提供了一种终端页面的渐进式渲染方法、装置、设备及存储介质。用于增加终端页面渲染层次,并提高渐进式页面渲染效率。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外,术语“包括”或“具有”及其任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为便于理解,下面对本发明实施例的具体流程进行描述,请参阅图1,本发明实施例中终端页面的渐进式渲染方法的第一个实施例包括:
101、接收待渲染的初始页面元素,并获取初始页面元素对应的元素标记信息;
可以理解的是,本发明的执行主体可以为终端页面的渐进式渲染装置,还可以是终端或者服务器,具体此处不做限定。本发明实施例以终端为执行主体为例进行说明。
本实施例中,当用户访问一个终端页面时,终端对用户访问的页面进行渲染,以将终端页面绘制到浏览器中,而待渲染的初始页面元素是指待渲染的终端页面中的超文本标记(hypertext markup language,HTML)节点,终端通过对初始页面元素进行属性标记,得到初始页面元素对应的元素标记信息,例如初始页面元素的颜色属性标记“color=red”,宽度属性标记“width=200”。终端通过元素标记信息,对初始页面元素进行属性设置,进而对初始页面元素进行分类,从而达到按类别渐进式渲染的目的。
102、对初始页面元素进行虚拟化处理,得到初始页面元素对应的初始虚拟元素;
本实施例中,虚拟元素(virtual dom,VD)用于表示真实的初始页面元素,终端通过将初始页面元素转化为初始虚拟元素,并将转化后的初始虚拟元素存储到终端的缓存中,以将初始页面元素进行缓存,使得终端在进行页面渲染的预处理时,不会直接操作真实的初始页面元素,从而避免引发不必要的页面重绘和重排,相当于引入了缓存机制,使得终端对初始页面元素的处理更灵活。
本实施例中,初始虚拟元素能够将页面的状态抽象为JS脚本对象的形式,终端通过预置的映射函数,将初始页面元素映射为初始虚拟元素,再通过预置的渲染工具,将初始虚拟元素还原回初始页面元素,从而进行页面的渲染。
本实施例中,初始页面元素转化为初始虚拟元素的过程为无损失转化过程,在初始页面元素转化为初始虚拟元素之后,初始虚拟元素保留了初始页面元素的所有数据,包括元素标记信息、元素名称、元素属性和元素层级关系等。
103、根据元素标记信息,对初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
本实施例中,为了实现页面的渐进式渲染,终端根据元素标记信息,对初始虚拟元素进行分块处理,得到有序的多个虚拟元素块,每个虚拟元素块中包括目标虚拟元素,而目标虚拟元素是有初始虚拟元素中筛选产生,也就是初始虚拟元素中包括目标虚拟元素。
本实施例中,终端根据元素标记信息,对初始虚拟元素的分块处理,得到多个有序的,并且是按照渲染优先级排序的虚拟元素块,例如,终端读取初始虚拟元素中的元素标记信息,根据元素标记信息中的渲染优先级标记信息,对初始虚拟元素进行分块,得到多个虚拟元素块。
104、依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
本实施例中,傅里叶变换(fourier transform,FT)是一种数学变换,它将一个函数(通常是一个时间的函数,或一个信号)分解成它的组成频率,例如用组成音符的音量和频率表示一个音乐和弦。终端按照各虚拟元素块的渲染优先级顺序,依次对各虚拟元素块中的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果。例如,终端先对渲染优先级最高的虚拟元素块中的目标虚拟元素进行傅里叶变换,得到第一变换结果,然后终端将第一变换结果渲染到浏览器中,并继续在剩余的虚拟元素块中,也就是未进行傅里叶变换的虚拟元素块中选择渲染优先级最高的虚拟元素块进行傅里叶变换,得到第二变换结果,终端再将第二变换结果渲染到浏览器中,以此类推,直到所有的变换结果均渲染到浏览器中为止。
105、根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将目标页面元素渲染至浏览器。
本实施例中,终端根据各虚拟元素块的渲染优先级,依次将各虚拟元素块对应的变换结果中的目标虚拟元素还原为目标页面元素,再依次将目标页面元素按照渲染优先级渲染至浏览器,以供用户浏览和操作。此外,进一步地,终端将目标页面元素存储于区块链数据库中,具体此处不做限定。
本实施例中,终端通过预置的渲染工具,将目标虚拟元素还原为目标页面元素,具体的,终端通过预置的渲染工具,遍历目标虚拟元素,并生成页面渲染树,终端再根据页面渲染树,将目标页面元素渲染至浏览器。
本发明实施例中,终端通过对待渲染的初始页面元素,进行虚拟化处理,得到用于映射初始页面元素,得到初始虚拟元素,终端再对初始虚拟元素进行分块和傅里叶变换,得到优先渲染的目标虚拟元素,终端再将目标虚拟元素还原为目标页面元素,从而实现渐进式渲染。本发明能够增加终端页面渲染层次,并提高了渐进式页面渲染效率。
请参阅图2,本发明实施例中终端页面的渐进式渲染方法的第二个实施例包括:
201、接收待渲染的初始页面元素,并判断初始页面元素的数量是否小于预置元素阈值;
本实施例中,当初始页面元素的数量小于预置元素阈值时,终端采用渐进式渲染所带来的效果并不明显,可能还会造成脚本计算成本的增加,使得页面加载速度降低,因此,当初始页面元素的数量小于预置元素阈值时,终端直接按照预置的页面渲染程序将初始页面元素渲染到浏览器中,其中,预置元素阈值优选为1000个。
202、若初始页面元素的数量小于预置元素阈值,则按照预置的页面渲染程序,将初始页面元素渲染至浏览器;
本实施例中,预置的页面渲染程序包括页面图片懒加载、HTML异步加载和滚动加载等,终端通过预置的页面渲染程序可以优化页面加载方式,使页面较重要的部分或者带宽占据量较小的部分优先加载到页面中,减少了页面空白的时长,降低网络环境对页面显示的影响。
203、若初始页面元素的数量大于预置元素阈值,则按照预置的打标算法,对初始页面元素进行打标,得到初始页面元素对应的元素标记信息,元素标记信息包括渲染优先级;
本实施例中,预置的打标算法能够按照初始页面元素的渲染优先级进行分级处理,其中,渲染优先级可以从预先设置的配置参数中获得,也可以根据初始页面元素的层级关系确定,例如,<head>元素常被用来表示页面公共头部部分,<main>元素常被用来表示页面的正文部分,那么,终端可以根据这些初始页面元素的标签名称,确定这些标签的子标签、父标签和兄弟标签等的渲染优先级,使得正文部分优先渲染。
204、对初始页面元素进行虚拟化处理,得到初始页面元素对应的初始虚拟元素;
具体的,终端基于预置的元素编译器,将初始页面元素转化为预先定义好的虚拟元素生成函数;终端执行虚拟元素生成函数,生成虚拟元素对象,虚拟元素对象包括初始页面元素对应的初始虚拟元素,初始虚拟元素包括元素名称、元素属性和元素层级关系。
本实施例中,预置的元素编译器,如脚本声明语言JSX编译器,可以将初始页面元素转化为虚拟元素生成函数,终端通过执行该虚拟元素生成函数,就能生成虚拟元素对象,也就是终端将初始页面元素转化为JS脚本对象的形式,以便于后续还原页面元素时直接通过虚拟元素对象还原页面元素,提高脚本计算的速度。
205、根据元素标记信息,对初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
具体的,终端读取初始虚拟元素中的元素标记信息,并判断元素标记信息中的渲染优先级是否为空值;若元素标记信息中的渲染优先级为空值,则终端按预置的页面渲染程序,将初始页面元素渲染至浏览器;若元素标记信息中的渲染优先级不为空值,则终端按照元素标记信息中的渲染优先级,对初始虚拟元素进行分块处理,得到有序的多块虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素。
本实施例中,终端在对初始虚拟元素进行分块之前,还需判断元素标记信息中的渲染优先级是否为空值,若元素标记信息中的渲染优先级为空值,则说明该页面未配置渐进式渲染的相关参数,无需采用渐进式渲染,因此,在这种情况下,终端直接按照预置的页面渲染程序,将初始页面元素渲染至浏览器即可。
206、依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
具体的,终端按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,相邻元素为与目标虚拟元素相邻的虚拟元素;终端依次判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则终端过滤目标虚拟元素对应的相邻元素,并将目标虚拟元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度不满足预置的渲染条件,则终端将目标虚拟元素和目标虚拟元素对应的相邻元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果。
本实施例中,预置的傅里叶变换算法优选一维傅里叶变换算法和快速傅里叶变换算法,终端通过预置的傅里叶变换算法,按照渲染优先级顺序,依次计算虚拟元素块中的目标虚拟元素与相邻元素之间的相似度,从而判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件,若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则保留当前的目标虚拟元素,并过滤当前的目标虚拟元素对应的相邻元素,否则,保留当前的目标虚拟元素和相邻元素,并将保留下来的元素依次存入预置的待渲染队列中,以使得浏览器按照入队顺序渲染页面元素,此过程中对各虚拟元素块中的目标虚拟元素的分类处理即为傅里叶变换算法的变换结果,实现的过程类似于图片的模糊化处理。
进一步的,按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,包括:终端按照各虚拟元素块的渲染优先级顺序,依次读取虚拟元素块中的目标虚拟元素和相邻元素的特征值,特征值包括颜色值、宽度值、高度值和元素类型;终端通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素的特征值与相邻元素的特征值之间的傅里叶值,得到各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度。
本实施例中,终端通过页面元素的特征值来表示目标虚拟元素与相邻元素之间的相似度,能够将页面元素分解成它的属性组成频率,从而将同一个频域表示的元素进行归类,达到页面元素筛选的目的。一维傅里叶变换算法中涉及两个参数,一个为特征值、另一个为颗粒度,颗粒度是一个可调节的变量,用于控制页面元素筛选的颗粒度。
207、根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将目标页面元素渲染至浏览器。
具体的,终端按照待渲染堆栈的入栈顺序,依次读取所述待渲染堆栈中的待渲染虚拟元素;终端按照待渲染虚拟元素中的元素名称、元素属性和元素层级关系,将待渲染虚拟元素还原为目标页面元素;终端对目标页面元素进行重构,生成页面渲染树,并通过页面渲染树,将目标页面元素渲染至浏览器。
本实施例中,当待渲染堆栈中检测到待渲染虚拟元素时,终端便对待渲染虚拟元素进行渐进式渲染,具体的,终端根据待渲染虚拟元素中的元素名称、元素属性和元素层级关系,通过预置的映射函数,将待渲染虚拟元素还原为目标页面元素,再构造目标页面元素的页面渲染树,并将目标页面元素渲染至浏览器。
本发明实施例中,当初始页面元素的数量小于预置元素阈值时,采用渐进式渲染的收效不大,因此,这种情况下,终端之间按预置的页面渲染程序,进行终端页面渲染,而当初始页面元素的数量大于预置元素阈值时,则对初始页面元素进行打标,以区分初始页面元素的渲染优先级,从而进行渐进式渲染。本发明能够智能地选择页面渲染机制,使得页面的渲染方式更合适。
上面对本发明实施例中终端页面的渐进式渲染方法进行了描述,下面对本发明实施例中终端页面的渐进式渲染装置进行描述,请参阅图3,本发明实施例中终端页面的渐进式渲染装置第一个实施例包括:
接收模块301,用于接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
虚拟模块302,用于对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
分块模块303,用于根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
变换模块304,用于依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
渲染模块305,用于根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
进一步地,将目标页面元素存储于区块链数据库中,具体此处不做限定。
本发明实施例中,终端通过对待渲染的初始页面元素,进行虚拟化处理,得到用于映射初始页面元素,得到初始虚拟元素,终端再对初始虚拟元素进行分块和傅里叶变换,得到优先渲染的目标虚拟元素,终端再将目标虚拟元素还原为目标页面元素,从而实现渐进式渲染。本发明能够增加终端页面渲染层次,并提高了渐进式页面渲染效率。
请参阅图4,本发明实施例中终端页面的渐进式渲染装置的第二个实施例包括:
接收模块301,用于接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
虚拟模块302,用于对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
分块模块303,用于根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
变换模块304,用于依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
渲染模块305,用于根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
可选的,所述接收模块301具体用于:
接收待渲染的初始页面元素,并判断所述初始页面元素的数量是否小于预置元素阈值;
若所述初始页面元素的数量小于预置元素阈值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述初始页面元素的数量大于预置元素阈值,则按照预置的打标算法,对所述初始页面元素进行打标,得到所述初始页面元素对应的元素标记信息,所述元素标记信息包括渲染优先级。
可选的,所述虚拟模块302具体用于:
基于预置的元素编译器,将所述初始页面元素转化为预先定义好的虚拟元素生成函数;
执行所述虚拟元素生成函数,生成虚拟元素对象,所述虚拟元素对象包括初始页面元素对应的初始虚拟元素,所述初始虚拟元素包括元素名称、元素属性和元素层级关系。
可选的,所述分块模块303具体用于:
读取所述初始虚拟元素中的元素标记信息,并判断所述元素标记信息中的渲染优先级是否为空值;
若所述元素标记信息中的渲染优先级为空值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述元素标记信息中的渲染优先级不为空值,则按照所述元素标记信息中的渲染优先级,对所述初始虚拟元素进行分块处理,得到有序的多块虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素。
可选的,所述变换模块304包括:
计算单元3041,用于按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,所述相邻元素为与所述目标虚拟元素相邻的虚拟元素;
判断单元3042,用于依次判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则过滤所述目标虚拟元素对应的相邻元素,并将所述目标虚拟元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果;若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度不满足预置的渲染条件,则将所述目标虚拟元素和所述目标虚拟元素对应的相邻元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果。
可选的,所述计算单元3041具体用于:
按照各虚拟元素块的渲染优先级顺序,依次读取虚拟元素块中的目标虚拟元素和相邻元素的特征值,所述特征值包括颜色值、宽度值、高度值和元素类型;
通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素的特征值与相邻元素的特征值之间的傅里叶值,得到各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度。
可选的,所述渲染模块305具体用于:
按照所述待渲染堆栈的入栈顺序,依次读取所述待渲染堆栈中的待渲染虚拟元素;
按照所述待渲染虚拟元素中的元素名称、元素属性和元素层级关系,将所述待渲染虚拟元素还原为目标页面元素;
对所述目标页面元素进行重构,生成页面渲染树,并通过所述页面渲染树,将所述目标页面元素渲染至浏览器。
本发明实施例中,当初始页面元素的数量小于预置元素阈值时,采用渐进式渲染的收效不大,因此,这种情况下,终端之间按预置的页面渲染程序,进行终端页面渲染,而当初始页面元素的数量大于预置元素阈值时,则对初始页面元素进行打标,以区分初始页面元素的渲染优先级,从而进行渐进式渲染。本发明能够智能地选择页面渲染机制,使得页面的渲染方式更合适。
上面图3和图4从模块化功能实体的角度对本发明实施例中的终端页面的渐进式渲染装置进行详细描述,下面从硬件处理的角度对本发明实施例中终端页面的渐进式渲染设备进行详细描述。
图5是本发明实施例提供的一种终端页面的渐进式渲染设备的结构示意图,该终端页面的渐进式渲染设备500可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器(central processing units,CPU)510(例如,一个或一个以上处理器)和存储器520,一个或一个以上存储应用程序533或数据532的存储介质530(例如一个或一个以上海量存储设备)。其中,存储器520和存储介质530可以是短暂存储或持久存储。存储在存储介质530的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对终端页面的渐进式渲染设备500中的一系列指令操作。更进一步地,处理器510可以设置为与存储介质530通信,在终端页面的渐进式渲染设备500上执行存储介质530中的一系列指令操作。
终端页面的渐进式渲染设备500还可以包括一个或一个以上电源540,一个或一个以上有线或无线网络接口550,一个或一个以上输入输出接口560,和/或,一个或一个以上操作系统531,例如Windows Serve,Mac OS X,Unix,Linux,FreeBSD等等。本领域技术人员可以理解,图5示出的终端页面的渐进式渲染设备结构并不构成对终端页面的渐进式渲染设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
本发明还提供一种终端页面的渐进式渲染设备,所述终端页面的渐进式渲染设备包括存储器和处理器,存储器中存储有计算机可读指令,计算机可读指令被处理器执行时,使得处理器执行上述各实施例中的所述终端页面的渐进式渲染方法的步骤。
本发明还提供一种计算机可读存储介质,该计算机可读存储介质可以为非易失性计算机可读存储介质,该计算机可读存储介质也可以为易失性计算机可读存储介质,所述计算机可读存储介质中存储有指令,当所述指令在计算机上运行时,使得计算机执行所述终端页面的渐进式渲染方法的步骤。
进一步地,所述计算机可读存储介质可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序等;存储数据区可存储根据区块链节点的使用所创建的数据等。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read-only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种终端页面的渐进式渲染方法,其特征在于,所述终端页面的渐进式渲染方法包括:
接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
2.根据权利要求1所述的终端页面的渐进式渲染方法,其特征在于,所述接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息,包括:
接收待渲染的初始页面元素,并判断所述初始页面元素的数量是否小于预置元素阈值;
若所述初始页面元素的数量小于预置元素阈值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述初始页面元素的数量大于预置元素阈值,则按照预置的打标算法,对所述初始页面元素进行打标,得到所述初始页面元素对应的元素标记信息,所述元素标记信息包括渲染优先级。
3.根据权利要求1所述的终端页面的渐进式渲染方法,其特征在于,所述对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素,包括:
基于预置的元素编译器,将所述初始页面元素转化为预先定义好的虚拟元素生成函数;
执行所述虚拟元素生成函数,生成虚拟元素对象,所述虚拟元素对象包括初始页面元素对应的初始虚拟元素,所述初始虚拟元素包括元素名称、元素属性和元素层级关系。
4.根据权利要求1所述的终端页面的渐进式渲染方法,其特征在于,所述根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素,包括:
读取所述初始虚拟元素中的元素标记信息,并判断所述元素标记信息中的渲染优先级是否为空值;
若所述元素标记信息中的渲染优先级为空值,则按照预置的页面渲染程序,将所述初始页面元素渲染至浏览器;
若所述元素标记信息中的渲染优先级不为空值,则按照所述元素标记信息中的渲染优先级,对所述初始虚拟元素进行分块处理,得到有序的多块虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素。
5.根据权利要求1所述的终端页面的渐进式渲染方法,其特征在于,所述依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果,包括:
按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,所述相邻元素为与所述目标虚拟元素相邻的虚拟元素;
依次判断各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度是否满足预置的渲染条件;
若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度满足预置的渲染条件,则过滤所述目标虚拟元素对应的相邻元素,并将所述目标虚拟元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果;
若虚拟元素块中的目标虚拟元素与相邻元素之间的相似度不满足预置的渲染条件,则将所述目标虚拟元素和所述目标虚拟元素对应的相邻元素存入待渲染堆栈,得到各虚拟元素块对应的变换结果。
6.根据权利要求5所述的终端页面的渐进式渲染方法,其特征在于,所述按照各虚拟元素块的渲染优先级顺序,通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素与相邻元素之间的相似度,包括:
按照各虚拟元素块的渲染优先级顺序,依次读取虚拟元素块中的目标虚拟元素和相邻元素的特征值,所述特征值包括颜色值、宽度值、高度值和元素类型;
通过预置的傅里叶变换算法,依次计算各虚拟元素块对应的目标虚拟元素的特征值与相邻元素的特征值之间的傅里叶值,得到各虚拟元素块中的目标虚拟元素与相邻元素之间的相似度。
7.根据权利要求5所述的终端页面的渐进式渲染方法,其特征在于,所述根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器,包括:
按照所述待渲染堆栈的入栈顺序,依次读取所述待渲染堆栈中的待渲染虚拟元素;
按照所述待渲染虚拟元素中的元素名称、元素属性和元素层级关系,将所述待渲染虚拟元素还原为目标页面元素;
对所述目标页面元素进行重构,生成页面渲染树,并通过所述页面渲染树,将所述目标页面元素渲染至浏览器。
8.一种终端页面的渐进式渲染装置,其特征在于,所述终端页面的渐进式渲染装置包括:
接收模块,用于接收待渲染的初始页面元素,并获取所述初始页面元素对应的元素标记信息;
虚拟模块,用于对所述初始页面元素进行虚拟化处理,得到所述初始页面元素对应的初始虚拟元素;
分块模块,用于根据所述元素标记信息,对所述初始虚拟元素进行分块处理,得到多个虚拟元素块,每个虚拟元素块中包括对应的目标虚拟元素;
变换模块,用于依次对各虚拟元素块对应的目标虚拟元素进行傅里叶变换,得到各虚拟元素块对应的变换结果;
渲染模块,用于根据各虚拟元素块对应的变换结果,将各目标虚拟元素还原为目标页面元素,并依次将所述目标页面元素渲染至浏览器。
9.一种终端页面的渐进式渲染设备,其特征在于,所述终端页面的渐进式渲染设备包括:存储器和至少一个处理器,所述存储器中存储有指令;
所述至少一个处理器调用所述存储器中的所述指令,以使得所述终端页面的渐进式渲染设备执行如权利要求1-7中任一项所述的终端页面的渐进式渲染方法。
10.一种计算机可读存储介质,所述计算机可读存储介质上存储有指令,其特征在于,所述指令被处理器执行时实现如权利要求1-7中任一项所述的终端页面的渐进式渲染方法。
CN202110720552.XA 2021-06-28 2021-06-28 终端页面的渐进式渲染方法、装置、设备及存储介质 Active CN113467872B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110720552.XA CN113467872B (zh) 2021-06-28 2021-06-28 终端页面的渐进式渲染方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110720552.XA CN113467872B (zh) 2021-06-28 2021-06-28 终端页面的渐进式渲染方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN113467872A true CN113467872A (zh) 2021-10-01
CN113467872B CN113467872B (zh) 2024-07-23

Family

ID=77873563

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110720552.XA Active CN113467872B (zh) 2021-06-28 2021-06-28 终端页面的渐进式渲染方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN113467872B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114979232A (zh) * 2022-05-23 2022-08-30 浙江传媒学院 移动web增强现实去中心协同渲染计算网络的构建方法

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109375918A (zh) * 2018-11-23 2019-02-22 天津字节跳动科技有限公司 小程序的界面渲染方法、装置、电子设备和存储介质
CN110442343A (zh) * 2018-05-04 2019-11-12 阿里巴巴集团控股有限公司 一种页面转换方法及页面转换装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110442343A (zh) * 2018-05-04 2019-11-12 阿里巴巴集团控股有限公司 一种页面转换方法及页面转换装置
CN109375918A (zh) * 2018-11-23 2019-02-22 天津字节跳动科技有限公司 小程序的界面渲染方法、装置、电子设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114979232A (zh) * 2022-05-23 2022-08-30 浙江传媒学院 移动web增强现实去中心协同渲染计算网络的构建方法
CN114979232B (zh) * 2022-05-23 2023-05-26 浙江传媒学院 移动web增强现实去中心协同渲染计算网络的构建方法

Also Published As

Publication number Publication date
CN113467872B (zh) 2024-07-23

Similar Documents

Publication Publication Date Title
Niezgoda et al. Novel microstructure quantification framework for databasing, visualization, and analysis of microstructure data
US7536373B2 (en) Resource allocation using relational fuzzy modeling
US10778707B1 (en) Outlier detection for streaming data using locality sensitive hashing
CN109614227B (zh) 任务资源调配方法、装置、电子设备及计算机可读介质
Happ Object-oriented software for functional data
EP1890257A2 (en) Clustering for structured data
CN113467872B (zh) 终端页面的渐进式渲染方法、装置、设备及存储介质
Sun Parallel feature selection based on MapReduce
CN116685980A (zh) 使用解纠缠学习来训练可解释的深度学习模型
Turner et al. Same but different: Distance correlations between topological summaries
CN111858617A (zh) 用户查找方法和装置、计算机可读存储介质、电子设备
CN110895706A (zh) 一种目标聚类数的获取方法、装置及计算机系统
CN114398343A (zh) 数据库异常键处理方法、装置、设备及介质
WO2022003991A1 (ja) 2次元マップ生成装置、2次元マップ生成方法および2次元マップ生成用プログラム
CN110740172B (zh) 一种基于微服务架构的路由管理方法、装置和系统
Robertson et al. Digital representation and quantification of discrete dislocation structures
JP5515117B2 (ja) データ処理装置
Rafid Performance evaluation for Kruskal’s and Prim’s Algorithm in Minimum Spanning Tree using Networkx Package and Matplotlib to visualizing the MST Result
CN113869455A (zh) 无监督聚类方法、装置、电子设备及介质
JP6831307B2 (ja) 解算出装置、解算出方法及び解算出プログラム
CN112016791A (zh) 资源分配方法、装置及电子设备
CN111179076A (zh) It系统智能管理方法、装置及计算机可读存储介质
CN110781314A (zh) 用户关系图的分层显示方法、装置及电子设备
Battulga et al. Hash-tree PCA: accelerating PCA with hash-based grouping
CN117610634B (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