CN115328597A - 小程序的页面渲染方法、装置、电子设备和存储介质 - Google Patents
小程序的页面渲染方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN115328597A CN115328597A CN202210963393.0A CN202210963393A CN115328597A CN 115328597 A CN115328597 A CN 115328597A CN 202210963393 A CN202210963393 A CN 202210963393A CN 115328597 A CN115328597 A CN 115328597A
- Authority
- CN
- China
- Prior art keywords
- rendering
- view
- operating system
- applet
- native
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Image Generation (AREA)
Abstract
本公开提供了一种小程序的页面渲染方法、装置、电子设备和存储介质,涉及计算机领域,尤其涉及图像处理领域。具体实现方案为:获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及图像处理领域中的小程序的页面渲染方法、装置、电子设备和存储介质。
背景技术
目前,小程序是一种不需要下载安装即可使用的应用,通常采用原生渲染引擎的小程序页面,但即时编译型的编程语言(JavaScript,简称为JS)运行时需要多次进行指令调用,从而对整个跨线程通信通路进行较长时间占用,阻塞后续视图节点创建指令的调用通信,影响小程序的页面渲染的进度。
发明内容
本公开提供了一种小程序的页面渲染方法、装置、电子设备和存储介质。
根据本公开的一方面,提供了一种小程序的页面渲染方法。该方法可以包括:获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
根据本公开的另一方面,还提供了另一种小程序的页面渲染方法。该方法包括:原生系统获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;原生系统响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图;渲染引擎响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
根据本公开的另一方面,还提供了一种小程序的操作系统。该系统可以包括:原生系统,用于获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图;渲染引擎,用于响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
根据本公开的一方面,还提供了一种小程序的页面渲染装置。该装置可以包括:获取单元,用于获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统中,且用于触发渲染引擎渲染小程序的页面,同步信号预先注册入操作系统的接口中;第一发送单元,用于响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
根据本公开的一方面,还提供了一种电子设备。该电子设备可以包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本公开实施例的小程序的页面渲染方法。
根据本公开的另一方面,还提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,计算机指令用于使计算机执行本公开实施例的小程序的页面渲染方法。
根据本公开的另一方面,还提供了一种计算机程序产品,可以包括计算机程序,计算机程序在被处理器执行时实现本公开实施例的小程序的页面渲染方法。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是根据本公开实施例的一种小程序的页面渲染方法的流程图;
图2(a)是根据本公开实施例的另一种小程序的页面渲染方法的流程图;
图2(b)是根据本公开实施例的另一种小程序的页面渲染方法的流程图;
图3是根据相关技术中的一种页面创建的流程图;
图4是根据本公开实施例的一种屏幕渲染的流程图;
图5是根据本公开实施例的一种小程序的操作系统的示意图;
图6是根据本公开实施例的一种小程序的页面渲染装置的示意图;
图7是根据本公开实施例的另一种小程序的页面渲染装置的示意图;
图8是根据本公开实施例的一种小程序的页面渲染方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
首先,在对本申请实施例描述过程中出现的部分名词或术语的适用解释如下:
批量渲染(batchRender),通过减少中央处理器发送的渲染命令的次数来提升渲染线的整体效率的方法;
小程序,可以为一种不需要下载安装即可使用的应用,采用了逻辑层和渲染层物理隔离的运行时架构;
原生视图渲染引擎(Native Render),可以为操作系统上的原生代码实现的功能模块,可以用于渲染页面;
原生(Native)模块可以为操作系统上的原生代码实现的功能模块,可以为即时编译型的编程语言层和原生渲染引擎二者之间提供通信的桥梁,可以转发即时编译型的编程语言层的渲染指定给渲染引擎。
本申请提供的页面渲染方法作为对页面渲染的处理方法,可以应用于安装了小程序的设备屏幕的应用场景下,需要注意的是,应用场景还可以是应用在AR/VR设备上进行图像渲染的场景等,且不限于此。
图1是根据本公开实施例的一种小程序的页面渲染方法的流程图,在图1所示的待渲染的小程序运行在操作系统,作为一种可选实施方案,该操作系统可以至少包括:原生系统和渲染引擎,其中,原生系统可以为用于将渲染指令转发给渲染引擎的原生(Native)模块,渲染引擎可以为用于渲染页面的原生视图渲染引擎,该小程序的页面渲染方法可以应用于原生系统。
如图1所示,该小程序的页面渲染方法的实施方案至少可以包括以下实施步骤:
步骤S102,获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面。
在本申请公开上述步骤S102提供的技术方案中,如果操作系统检测到已经触发获取对应的同步信号,可以从操作系统的接口中读取预先注册的同步信号,需要说明的是,本发明人涉及到得操作系统可以为安卓(Android)等操作系统,此处不对操作系统的类型做具体限制;同步信号可以用于触发渲染引擎渲染小程序的页面,比如,可以为垂直同步(vsync)信号。
一种可选方案中,可以由原生模块向操作系统中注册垂直同步信号的回调,比如,可以在原生模块中通过访问操作系统的接口来调用对应该操作系统的注册方法,完成向操作系统的接口进行同步信号注册的过程,从而实现操作系统可以周期性的触发注册的垂直同步信号的回调,以达到使原生模块获取由操作系统触发的同步信号的目的。
此处需要说明的是,本申请上述实施例中,涉及得到的对小程序页面的渲染(刷新)过程可以为行刷新或水平刷新(Horizontal Scanning),比如,可以为从左到右进行刷新;还可以为屏幕刷新或垂直刷新(Vertical Scanning),比如,可以为从上到下进行刷新,即,在本公开实施例中,不对同步信号的类型做具体限制,比如,响应于水平刷新行为发出的水平同步信号,也应该在本公开实施例的保护范围之内。
进一步需要说明的是,上述实施例中涉及到得垂直同步信号可以指的是垂直刷新之后发出的信号,比如,在待渲染页面完成渲染的垂直刷新过程中,如果整个屏幕垂直刷新完毕之后,也即,一个垂直刷新周期完成后,会有短暂的空白期,如果检测到刷新过程进入了空白期,可以触发操作系统在此刻发出垂直同步信号,并预先注册入操作系统的接口中,以便于同步信号的传输与获取。
由上可知,在本公开实施例中,操作系统提供了注册同步信号发生回调的接口或应用程序接口(API),以实现获取由操作系统触发的同步信号的目的。
步骤S104,响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
在本申请公开上述步骤S104提供的技术方案中,在获取由操作系统触发的同步信号之后,可以响应于同步信号被触发,来确定小程序的视图节点是否发生变更,比如,如果JS层调用了创建节点能力进行节点的创建,则可以确定小程序的视图节点发生了变更,如果小程序的视图节点发生变更,则可以向渲染引擎发送渲染指令,响应于触发的渲染指令对小程序的视图节点对应的原生视图的渲染内容进行渲染与显示,将其渲染内容显示至操作系统对应的显示屏,以得到小程序的页面,其中,视图节点可以为原生视图节点,可以用于表示小程序的原生视图中的组件,比如,一个页面可对应一个视图树,视图树中存在多个视图节点(视图树节点),小程序的页面上每一个按钮或文本标签都可以为一个视图节点;渲染指令可以用于表征对页面进行渲染的指令,比如,可以为批量渲染指令(batchRender),可以存在于原生视图渲染引擎中。
在一种可选方案中,可以由原生模块判断视图节点是否发生过变更,如果视图节点有变更,则可以由原生模块调用原生视图渲染引擎中的批量渲染指令;原生视图渲染引擎响应于批量渲染指令,对原生视图节点进行布局,最终将渲染内容渲染在显示屏(显示屏幕)上。
此处需要说明的是,视图节点的变更可以为创建节点或更新视图节点,此处节点的变更情况只为举例说明,并不对视图节点的变更情况做具体限制。
在相关技术中,通常是由即时编译型的编程语言运行时驱动原生系统进行小程序的页面的创建和渲染,这个过程每次都是由JavaScript线程经过原生模块,通过跨线程的方式发送创建视图节点指令至原生视图渲染引擎处,然后再发送一个批量渲染指令,由原生视图渲染引擎对视图节点进行布局和定位,最终将渲染内容显示到屏幕上,但是在该过程中,至少需要两次从JavaScript线程到原生线程的跨线程指令调用,会对整个跨线程通信通路进行较长时间占用,阻塞后续视图节点创建指令的调用通信,进而影响渲染性能,而本公开实施例利用同步信号,由原生模块直接控制批量渲染指令的发送时机,简化批量渲染指令的传输过程,从而实现提高渲染效率的效果。
通过上述步骤S102至步骤S104,获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;基于同步信号触发来确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。也就是说,在本公开实施例中,通过同步信号触发渲染引擎渲染小程序的页面,从而减少了跨线程的通信调用,也使得渲染指令发送时机更加准确,实现了提高页面渲染效率的技术效果,解决了页面渲染效率低的技术问题。
下面对该实施例的上述方法进行进一步地详细介绍。
作为一种可选的实施例,步骤S104,获取由操作系统触发的同步信号,包括:响应于显示屏刷新完成,获取由操作系统触发的同步信号。
在该实施例中,在显示屏中的视图刷新完成之后,响应于显示屏刷新完成的信号,可以由操作系统触发同步信号的回调,响应于发出的同步信息调用注册的同步信号的回调,以触发下一次的显示屏渲染。
由上述可知,在视图节点进行更新之后,可以利用同步信号触发原生模块控制批量渲染指令的发送时机,从而可以更加准确的在显示屏刷新完成后,进行下一次的渲染显示屏处理,使渲染时机控制的更加准确,避免JavaScript运行时频繁发送渲染指令的问题,达到提升渲染效率的技术效果,解决了渲染效率差的技术问题。
作为一种可选的实施例,响应于显示屏刷新完成,获取由操作系统触发的同步信号包括:响应于显示屏按照时间周期刷新完成,获取由操作系统按照时间周期触发的同步信号。
在该实施例中,在显示屏在按照时间周期刷新完成时,可以由操作系统按照时间周期发出同步信号,可以获取由操作系统按照时间周期触发的同步信号。
一种可选方案中,在整个显示屏的一个垂直刷新周期完成之后,会有短暂的空白期,可以在此刻由操作系统按照时间周期触发同步信号。
作为一种可选的实施例,响应于显示屏按照时间周期刷新完成,获取由操作系统按照时间周期触发的同步信号包括:响应于显示屏按照时间周期垂直刷新完成,获取由操作系统按照时间周期触发的垂直同步信号,其中,同步信号包括垂直同步信号。
在该实施例中,在显示屏按照时间周期垂直刷新完成之后,响应于显示屏按照时间周期刷新完成,可以获取由操作系统按照时间周期触发的同步信号,其中,时间周期可以为刷新周期,比如,可以为垂直刷新周期;同步信号可以包括垂直同步信号。
一种可选方案中,可以向操作系统注册垂直同步信号的回调,显示器在完成一个刷新周期时,发出垂直同步信号,操作系统响应于发出的垂直同步信息调用注册的回调,以触发下一次的屏幕渲染。
一种可选方案中,垂直同步信号可以是使中央处理器和图形处理器以相同的频率进行工作,可以由中央处理器负责对小程序的视图进行更新,图形处理器负责对界面进行上屏渲染,每当图形处理器按照时间周期垂直刷新完成(完成一帧上屏渲染)后,操作系统可以发送一个垂直同步信号,通知中央处理器开始下一次渲染过程。
作为一种可选的实施例,响应于成功获取到同步信号,确定视图节点是否发生变更。
在该实施例中,当同步信号触发时,响应于成功获取到的同步信号,可以确定视图节点是否发生变更。
一种可选方案中,可以获取操作系统发出的同步信号,响应于成功获取到同步信号,确定视图节点是否发生变更,从而确定是否进行下一步的渲染操作。
作为一种可选的实施例,确定小程序的视图节点是否发生变更包括:响应于创建视图节点或更新视图节点,确定视图节点发生变更。
在该实施例中,可以获取操作系统发出的同步信号,响应于成功获取到的同步信号,确定视图节点是否发生变更,当确定存在创建视图节点或更新视图节点时,可以确定视图节点进行了变更。
举例而言,可以通过原生模块将创建视图的指令转发到原生视图渲染引擎中,响应于创建视图的指令,原生视图渲染引擎创建一个真正的原生视图节点,从而完成节点的创建,获取操作系统发出的同步信号,响应于成功获取到的同步信号,确定视图节点是否发生变更,当确定存在创建视图节点的行为时,可以确定视图节点进行了变更。
在相关技术中,针对原生视图的布局计算,渲染显示屏都在原生的渲染系统层,JavaScript运行时无法感知到当前原生渲染系统的工作状态,对发送渲染指令的时机控制不够准确,可能会频繁发送渲染指令,导致跨线程通信阻塞,进而影响渲染性能,而本公开实施例通过确定视图节点是否发生变更,从而确定是否对小程序的视图进行渲染,从而达到了提高对小程序的屏幕进行渲染的效率的目的。
作为一种可选的实施例,步骤S104,包括:向渲染引擎发送视图创建指令,其中,视图创建指令用于使渲染引擎创建小程序的除变更后的视图节点之外的视图节点。
在该实施例中,向渲染引擎发送渲染指令之后,可以再次向渲染引擎发送视图创建指令,其中,视图创建指令可以用于使渲染引擎创建小程序除变更后视图节点之外的视图节点。
一种可选方案中,可以通过JavaScript运行时跨线程调用原生模块中的视图创建能力进行视图的创建;原生模块可以将创建视图指令转发到原生视图渲染引擎中,原生视图渲染引擎响应于创建视图指令创建一个除视图节点之外的视图节点。
在本公开实施例中,获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;基于同步信号确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。也就是说,在本公开实施例中,通过同步信号触发渲染引擎渲染小程序的页面,从而减少了跨线程的通信调用,也使得渲染指令发送时机更加准确,实现了提高页面渲染效率的技术效果,解决了页面渲染效率低的技术问题。
图2(a)是根据本公开实施例的另一种小程序的页面渲染方法的流程图,在图2(a)所示的待渲染的小程序运行在操作系统中,作为一种可选实施方式,该操作系统可以至少包括:原生系统和渲染引擎,该小程序的页面渲染方法可以应用于渲染引擎。
如图2(a)所示,该小程序的页面渲染方法的实施方案至少可以包括以下实施步骤:
步骤S202,响应于小程序的视图节点发生变更,获取渲染指令,其中,视图节点用于表示小程序的原生视图,视图节点发生变更的结果为当原生系统获取到操作系统触发的同步信号时由所属原生系统进行确定,同步信号预先注册入操作系统的接口中。
在本申请公开上述步骤S202提供的技术方案中,可以确定小程序的视图节点是否发生变更,响应于小程序的视图节点发生变更,获取渲染指令,其中,视图节点可以用于表示小程序的原生视图,可以为原生视图节点,视图节点发生变更的结果可以为当原生系统获取到操作系统触发的同步信号时由所属原生系统进行确定;同步信号可以预先注册入操作系统的接口中,可以用于触发渲染引擎渲染小程序的页面;渲染指令可以为批量渲染指令,可以存在于原生视图渲染引擎中。
一种可选方案中,可以由原生模块判断视图节点是否发生过变更,比如,可以判断视图节点是否创建或更新过视图节点,如果视图节点有变更,则可以调用原生视图渲染引擎中的批量渲染指。
步骤S204,响应渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
在本公开上述步骤S204提供的技术方案中,响应于渲染指令,可以将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序渲染后的页面。
一种可选方案中,可以由原生模块判断视图节点是否发生过变更,比如,可以判断视图节点是否创建或更新过视图节点,如果视图节点有变更,则可以调用原生视图渲染引擎中的批量渲染指令;原生视图渲染引擎响应于批量渲染指令,对原生视图节点进行布局,最终将渲染内容到渲染在显示屏幕上。
一种可选方案中,可以通过原生模块将批量渲染指令转发到原生视图渲染引擎中;响应于批量渲染指令,原生视图渲染引擎对原生视图节点进行布局,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序渲染后的页面,完成小程序页面的创建。
在本公开实施例中,可以使优化后的渲染显示屏的流程可以不由Javascript运行时来发送批量渲染指令,而是通过垂直同步(VSync)信号来触发批量渲染,既可以减少跨线程的通信调用,同时,可以使渲染指令发送时机更加准确,提升渲染性能。
在本公开实施例中,响应于小程序的视图节点发生变更,获取渲染指令,其中,视图节点用于表示小程序的原生视图,视图节点发生变更为由原生系统基于操作系统触发的同步信号而确定,同步信号预先注册入操作系统的接口中;响应渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。也就是说,本公开实施例通过同步信号触发渲染引擎渲染小程序的页面,从而减少了跨线程的通信调用,也使得渲染指令发送时机更加准确,实现了提高页面渲染效率的技术效果,解决了页面渲染效率低的技术问题。
图2(b)是根据本公开实施例的另一种小程序的页面渲染方法的流程图,如图2(b)所示,该小程序的页面渲染方法的实施方案至少可以包括以下实施步骤:
步骤S206,原生系统获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面。
在本公开上述步骤S206提供的技术方案中,同步信号预先注册入操作系统的接口中,原生系统可以从操作系统的接口中读取由操作系统触发的同步信号,其中,同步信号可以用于触发渲染引擎渲染小程序的页面。
步骤S208,原生系统响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图。
步骤S210,渲染引擎响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
在本公开上述步骤S210提供的技术方案中,向渲染引擎发送渲染指令,渲染引擎响应于渲染指令,响应于触发的渲染指令对小程序的视图节点对应的原生视图的渲染内容进行渲染与显示,将其渲染内容显示至操作系统对应的显示屏,以得到小程序的页面。
可选地,可以由原生模块判断视图节点是否发生过变更,如果视图节点有变更,则可以由原生模块调用原生视图渲染引擎中的批量渲染指令;原生视图渲染引擎响应于批量渲染指令,对原生视图节点进行布局,最终将渲染内容渲染在显示屏(显示屏幕)上,以得到小程序的页面。
通过上述步骤S206至步骤S210,原生系统获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;原生系统响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图;渲染引擎响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面,从而减少了跨线程的通信调用,也使得渲染指令发送时机更加准确,实现了提高页面渲染效率的技术效果,解决了页面渲染效率低的技术问题。
下面对该实施例的上述方法进行进一步地详细介绍。
作为一种可选的实施例,渲染引擎获取来自原生系统的视图创建指令;渲染引擎响应于视图创建指令,创建小程序的除变更后的视图节点之外的视图节点。
在该实施例中,向渲染引擎发送渲染指令之后,可以再次向渲染引擎发送视图创建指令,渲染引擎获取来自原生系统的视图创建指令,响应于视图创建指令,创建一个除视图节点之外的视图节点。
作为一种可选的实施例,步骤S210,渲染引擎响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏包括:渲染引擎每隔时间周期响应于渲染指令,将渲染内容渲染显示至显示屏,其中,同步信号由操作系统按照时间周期触发。
在该实施例中,操作系统可以按照时间周期触发同步信号,响应于触发的同步信号,向渲染引擎发送渲染指令,响应于每隔时间周期触发的渲染指令,渲染引擎将渲染内容渲染显示至显示屏,其中,时间周期可以为根据实际情况预设的时间周期。
在相关技术中,针对原生视图的布局计算,渲染显示屏都在原生的渲染系统层,存在对发送渲染指令的时机控制不够准确,会频繁发送渲染指令的问题,而本公开实施例通过可以根据实际情况预先设定触发同步信号的时间周期,从而可以根据自己实际需要,设定对页面渲染的时间周期,进而达到了控制小程序的屏幕渲染频率的目的。
本公开实施例通过同步信号触发渲染引擎渲染小程序的页面,从而减少了跨线程的通信调用,也使得渲染指令发送时机更加准确,实现了提高页面渲染效率的技术效果,解决了页面渲染效率低的技术问题。
下面结合优选的实施例对本公开实施例的上述技术方案进行进一步地举例介绍。
小程序是一种不需要下载安装即可使用的应用,采用了逻辑层和渲染层物理隔离的运行时架构,其中,渲染层内容可以通过网页(WebView)或者原生视图(比如,由iOS系统提供的原生渲染引擎)来呈现,以满足不同场景的渲染需求,但是,采用原生渲染引擎的小程序页面,每个页面容器都包含一个即时编译型的编程语言(JavaScript,简称为JS)运行时和原生系统界面。
在相关技术中,JavaScript运行时驱动原生系统进行页面的创建和渲染,这个过程每次都是由JavaScript线程经过原生系统,通过跨线程的方式发送创建视图节点指令,然后再发送一个渲染显示屏的指令,由原生视图渲染引擎进行布局和定位,最终渲染内容到屏幕。
图3是根据相关技术中的一种页面创建的流程图,如图3所示,页面创建的过程可以包括:
步骤S301,调用视图创建端能力。
在该实施例中,可以由JavaScript运行时跨线程调用原生(Native)模块的视图创建(createView)能力进行视图创建。
步骤S302,调用视图创建指令。
在该实施例中,可以由原生模块将创建视图的指令转发到原生视图渲染引擎(Native-Render)中,以完成视图创建指令的调用。
步骤S303,创建原生视图节点。
在该实施例中,响应于创建视图的指令,可以由原生视图渲染引擎创建一个真正的原生视图节点。
步骤S304,调用批量渲染端能力。
在该实施例中,可以由JavaScript运行时跨线程调用原生模块中的批量渲染指令(batchRender),以达到调用批量端能力的目的。
步骤S305,电泳批量渲染指令。
在该实施例中,可以通过原生模块将批量渲染指令转发到原生视图渲染引擎中,以完成对批量渲染指令的调用。
步骤S306,对原生视图节点进行布局与渲染。
在该实施例中,可以响应于批量渲染指令,原生视图渲染引擎对原生视图节点进行布局,最终渲染内容到屏幕,完成小程序页面的创建,其中,原生视图渲染引擎和原生模块,可以为系统上的原生代码实现的功能不同的两个功能模块,原生视图渲染引擎可以用于渲染页面;原生模块可以用于为JavaScript层和原生渲染引擎提供通信的桥梁,从而实现将渲染指定转发给渲染引擎。
在相关技术中,针对小程序渲染的整体过程至少需要两次从JavaScript线程到原生(Native)线程的跨线程指令调用,存在渲染性能较差的问题;且JavaScript运行时无法准确知道当前原生渲染引擎的工作状态,对发送渲染指令的时机控制不够准确,可能会频繁发送渲染指令,从而导致线程通信阻塞,影响渲染性能。
综上所述,在一次渲染显示屏的方面,JavaScript运行时至少需要两次从JavaScript线程到原生线程的跨线程指令调用,会对整个跨线程通信通路进行较长时间占用,阻塞后续视图节点创建指令的调用通信,进而影响渲染性能;针对原生视图的布局计算,渲染显示屏都在原生的渲染系统层,JavaScript运行时无法感知到当前原生渲染系统的工作状态,对发送渲染指令的时机控制不够准确,可能会频繁发送渲染指令,导致跨线程通信阻塞,进而影响渲染性能。
为解决上述问题,本公开实施例提供了一种小程序的页面渲染方法,通过垂直同步信号,当视图进行更新之后,利用垂直同步模块触发原生模块控制批量渲染指令的发送时机,可以更加准确在屏幕上屏刷新完成后,进行下一次的渲染显示屏处理,从而使渲染时机控制的更加准确,避免了JavaScript运行时频繁发送渲染指令的问题,从而达到提升渲染效率的技术效果,解决了渲染效率差的技术问题。
图4是根据本公开实施例的一种屏幕渲染的流程图,如图4所示,本公开实施例,使优化后的渲染显示屏的流程可以不由Javascript运行时来发送批量渲染指令,而是通过操作系统的垂直同步(VSync)信号来触发批量渲染,既可以减少跨线程的通信调用,同时,可以使渲染指令发送时机更加准确,提升渲染性能,其中,垂直同步可以由操作系统触发产生的。
一种可选方案中,屏幕的刷新过程可以为行刷新或水平刷新(HorizontalScanning),比如,可以为从左到右进行刷新;还可以为屏幕刷新或垂直刷新(VerticalScanning),比如,可以为从上到下进行刷新。
一种可选方案中,垂直同步信号可以指的是垂直刷新,比如,当整个屏幕刷新完毕,即一个垂直刷新周期完成,会有短暂的空白期,可以在此刻发出垂直同步信号。
步骤S401,注册垂直同步信号的回调。
在该实施例中,可以由原生模块向系统注册当视图节点发生变更时,触发垂直同步信号的回调。
一种可选方案中,可以在原生模块中调用对应操作系统的操作系统方法,向操作系统进行注册,从而系统可以周期性的触发注册的垂直同步信号进行回调,以达到接收回调信号的目的,其中,操作系统可以为安卓等操作系统,此处不对操作系统的类型做具体限制。
步骤S402,调用视图创建端能力。
在该实施例中,可以通过JavaScript运行时跨线程调用原生模块中的视图创建能力进行视图的创建。
步骤S403,调用视图创建指令。
在该实施例中,原生模块可以将创建视图指令转发到原生视图渲染引擎中,以完成视图创建指令的调用。
步骤S404,创建原生视图节点。
在该实施例中,可以由原生视图渲染引擎响应于视图创建指令,创建一个真正的原生视图节点。
步骤S405,触发垂直同步信号进行回调。
在该实施例中,可以由操作系统触发原生模块的垂直同步信号进行回调。
一种可选方案中,可以向操作系统注册垂直同步信号的回调,显示器在完成一个刷新周期时,发出垂直同步信号,操作系统响应于发出的垂直同步信息调用注册的同步信号,以触发下一次的屏幕渲染。
一种可选方案中,垂直同步信号可以使中央处理器和图形处理器以相同的频率进行工作的图形渲染技术,中央处理器负责对小程序的视图进行更新,图形处理器负责对界面进行上屏渲染。每当图形处理器完成一帧上屏渲染后,操作系统便会发送一个垂直同步信号,通知中央处理器开始下一次渲染过程。
步骤S406,响应于视图节点发生变更,调用批量渲染指令。
在该实施例中,原生模块判断视图节点是否发生过变更,比如,判断视图节点是否创建或更新过视图节点,如果视图节点有变更,则可以调用原生视图渲染引擎中的批量渲染指令。
一种可选方案中,一个页面对应一个视图树,视图树中存在多个视图树节点,页面上每一个按钮或文本标签都可以为一个视图节点。
步骤S407,对原生视图节点进行布局与渲染。
在该实施例中,可以由原生视图渲染引擎响应于批量渲染指令,对原生视图节点进行布局,最终将渲染内容到渲染在显示屏幕上。
在本公开实施例中,在垂直同步信号触发时进行下一次的渲染显示屏处理,由原生模块控制批量渲染指令的发送时机,可以更加准确在屏幕上屏刷新完成后控制对视图节点进行渲染,避免了JavaScript运行时频繁发送渲染指令的问题;在一次渲染显示屏的过程中,可减少一次跨JavaScript线程和原生线程的指令调用,从而减少对线程通信的耗时,使后续的视图节点创建指令更快地发送到原生层,进而实现提升渲染显示屏性能的技术效果,解决渲染显示屏性能差的技术问题。
本公开实施例还提供了一种用于执行图1所示实施例的小程序的操作系统,图5是根据本公开实施例的一种小程序的操作系统的示意图。如图5所示,待渲染的小程序运行在操作系统中,小程序的操作系统50包括:原生系统51和渲染引擎52。
一种可选方案中,原生系统51可以用于获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;响应于触发的同步信号确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图;
一种可选方案中,渲染引擎52可以用于响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
可选地,渲染引擎还用于获取来自原生系统的视图创建指令,且响应于视图创建指令,创建小程序的除变更后的视图节点之外的视图节点。
可选地,渲染引擎用于通过以下步骤来响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏:每隔时间周期响应于渲染指令,将渲染内容渲染显示至显示屏,其中,同步信号由操作系统按照时间周期触发。
在本公开实施例中,通过原生系统获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图;通过渲染引擎响应于渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面,从而实现了提高页面渲染效率的技术效果,解决了页面渲染效率差的技术问题。
本公开实施例还提供了一种用于执行图1所示实施例的小程序的页面渲染方法的小程序的页面渲染装置,待渲染的小程序运行在操作系统中,操作系统可以包括:原生系统和渲染引擎,该小程序的页面渲染装置可以应用于原生系统。
图6是根据本公开实施例的一种小程序的页面渲染装置的示意图。如图6所示,该小程序的页面渲染装置60可以包括:获取单元61和第一发送单元62。
获取单元61,用于获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统中,且用于触发渲染引擎渲染小程序的页面,同步信号预先注册入操作系统的接口中。
第一发送单元62,用于响应于触发的同步信号触发,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
可选地,获取单元61包括:获取模块,用于响应于显示屏刷新完成,获取由操作系统触发的同步信号。
可选地,获取模块包括:获取子模块,用于响应于显示屏按照时间周期刷新完成,获取由操作系统按照时间周期触发的同步信号。
可选地,获取子模块用于通过以下步骤来响应于显示屏按照时间周期刷新完成,获取由操作系统按照时间周期触发的同步信号:响应于显示屏按照时间周期垂直刷新完成,获取由操作系统按照时间周期触发的垂直同步信号,其中,同步信号包括垂直同步信号。
可选地,第一发送单元包括:确定模块,用于响应于创建视图节点或更新视图节点,确定视图节点发生变更。
可选地,该装置还包括:第二发送单元,用于向渲染引擎发送视图创建指令,其中,视图创建指令用于使渲染引擎创建小程序的除变更后的视图节点之外的视图节点。
在本公开实施例的小程序的页面渲染装置中,通过获取单元获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统中,且用于触发渲染引擎渲染小程序的页面,同步信号预先注册入操作系统的接口中;通过第一发送单元响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面,从而实现了提高页面渲染效率的技术效果,解决了页面渲染效率差的技术问题。
本公开实施例还提供了另一种用于执行图1所示实施例的小程序的页面渲染方法的小程序的页面渲染装置,待渲染的小程序运行在操作系统中,操作系统可以包括:原生系统和渲染引擎,该小程序的页面渲染装置可以应用于渲染引擎。
图7是根据本公开实施例的另一种小程序的页面渲染装置的示意图。如图7所示,该小程序的页面渲染装置70可以包括:第二获取单元71和渲染单元72。
第二获取单元71,用于响应于小程序的视图节点发生变更,获取渲染指令,其中,视图节点用于表示小程序的原生视图,视图节点发生变更的结果为当原生系统获取到操作系统触发的同步信号时由原生系统进行确定,同步信号预先注册入操作系统的接口中。
渲染单元72,用于响应渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面。
在本公开实施例的小程序的页面渲染装置中,通过第二获取单元,响应于小程序的视图节点发生变更,获取渲染指令,其中,视图节点用于表示小程序的原生视图,视图节点发生变更为由原生系统基于操作系统触发的同步信号而确定,同步信号预先注册入操作系统的接口中;通过渲染单元,响应渲染指令,将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,得到小程序的页面,从而实现了提高页面渲染效率的技术效果,解决了页面渲染效率差的技术问题。
本公开的技术方案中,所涉及的用户个人信息的获取,存储和应用等,均符合相关法律法规的规定,且不违背公序良俗。
根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
本公开的实施例提供了一种电子设备,该电子设备可以包括:至少一个处理器;以及与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本公开实施例的小程序的页面渲染方法。
可选地,上述电子设备还可以包括传输设备以及输入输出设备,其中,该传输设备和上述处理器连接,该输入输出设备和上述处理器连接。
根据本公开的实施例,本公开还提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,计算机指令用于使计算机执行本公开实施例的小程序的页面渲染的方法。
可选地,在本实施例中,上述非易失性存储介质可以被设置为存储用于执行以下步骤的计算机程序:
S1,获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;
S2,响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
可选地,在本实施例中,上述非瞬时计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的实施例,本公开还提供了一种计算机程序产品,包括计算机程序,该计算机程序在被处理器执行时实现以下步骤:
S1,获取由操作系统触发的同步信号,其中,同步信号预先注册入操作系统的接口中,且用于触发渲染引擎渲染小程序的页面;
S2,响应于触发的同步信号,确定小程序的视图节点发生变更,向渲染引擎发送渲染指令,其中,视图节点用于表示小程序的原生视图,渲染指令用于使渲染引擎将变更后的视图节点对应的原生视图的渲染内容,渲染显示至操作系统对应的显示屏,以得到小程序的页面。
图8是根据本公开实施例的一种小程序的页面渲染方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图8所示,设备800包括计算单元801,其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序,来执行各种适当的动作和处理。在RAM 803中,还可存储设备800操作所需的各种程序和数据。计算单元801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
设备800中的多个部件连接至I/O接口805,包括:输入单元806,例如键盘、鼠标等;输出单元807,例如各种类型的显示器、扬声器等;存储单元808,例如磁盘、光盘等;以及通信单元809,例如网卡、调制解调器、无线通信收发机等。通信单元809允许设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理,例如方法数据处理方法。例如,在一些实施例中,方法数据处理方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元808。在一些实施例中,计算机程序的部分或者全部可以经由ROM 802和/或通信单元809而被载入和/或安装到设备800上。当计算机程序加载到RAM 803并由计算单元801执行时,可以执行上文描述的数据处理方法的一个或多个步骤。备选地,在其他实施例中,计算单元801可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行数据处理方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (21)
1.一种小程序的页面渲染方法,包括:
获取由操作系统触发的同步信号,其中,所述同步信号预先注册入所述操作系统的接口中,且用于触发渲染引擎渲染所述小程序的页面;
响应于触发的所述同步信号,确定所述小程序的视图节点发生变更,向所述渲染引擎发送渲染指令,其中,所述视图节点用于表示所述小程序的原生视图,所述渲染指令用于使所述渲染引擎将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏,以得到所述小程序的页面。
2.根据权利要求1所述的方法,其中,获取由操作系统触发的同步信号,包括:
响应于所述显示屏刷新完成,获取由所述操作系统触发的所述同步信号。
3.根据权利要求2所述的方法,其中,响应于所述显示屏刷新完成,获取由所述操作系统触发的所述同步信号包括:
响应于所述显示屏按照时间周期刷新完成,获取由所述操作系统按照所述时间周期触发的所述同步信号。
4.根据权利要求3所述的方法,其中,响应于所述显示屏按照时间周期刷新完成,获取由所述操作系统按照所述时间周期触发的所述同步信号包括:
响应于所述显示屏按照所述时间周期垂直刷新完成,获取由所述操作系统按照所述时间周期触发的垂直同步信号,其中,所述同步信号包括所述垂直同步信号。
5.根据权利要求1所述的方法,其中,确定所述小程序的视图节点发生变更,包括:
响应于创建所述视图节点或更新所述视图节点,确定所述视图节点发生变更。
6.根据权利要求1至5中任意一项所述的方法,其中,还包括:
向所述渲染引擎发送视图创建指令,其中,所述视图创建指令用于使所述渲染引擎创建所述小程序的除变更后的所述视图节点之外的视图节点。
7.一种小程序的页面渲染方法,包括:
原生系统获取由操作系统触发的同步信号,其中,所述同步信号预先注册入所述操作系统的接口中,且用于触发渲染引擎渲染所述小程序的页面;
所述原生系统响应于触发的所述同步信号,确定所述小程序的视图节点发生变更,向所述渲染引擎发送渲染指令,其中,所述视图节点用于表示所述小程序的原生视图;
所述渲染引擎响应于所述渲染指令,将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏,得到所述小程序的页面。
8.根据权利要求7所述的方法,包括:
所述渲染引擎获取来自所述原生系统的视图创建指令;
所述渲染引擎响应于所述视图创建指令,创建所述小程序的除变更后的所述视图节点之外的视图节点。
9.根据权利要求7所述的方法,所述渲染引擎响应于所述渲染指令,将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏包括:
所述渲染引擎每隔时间周期响应于所述渲染指令,将所述渲染内容渲染显示至所述显示屏,其中,所述同步信号由所述操作系统按照所述时间周期触发。
10.一种小程序的操作系统,包括:
原生系统,用于获取由操作系统触发的同步信号,其中,所述同步信号预先注册入所述操作系统的接口中,且用于触发渲染引擎渲染所述小程序的页面;响应于触发的所述同步信号,确定所述小程序的视图节点发生变更,向所述渲染引擎发送渲染指令,其中,所述视图节点用于表示所述小程序的原生视图;
所述渲染引擎,用于响应于所述渲染指令,将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏,得到所述小程序的页面。
11.根据权利要求10所述的系统,所述渲染引擎还用于获取来自所述原生系统的视图创建指令,且响应于所述视图创建指令,创建所述小程序的除变更后的所述视图节点之外的视图节点。
12.根据权利要求10所述的系统,所述渲染引擎用于通过以下步骤来响应于所述渲染指令,将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏:
每隔时间周期响应于所述渲染指令,将所述渲染内容渲染显示至所述显示屏,其中,所述同步信号由所述操作系统按照所述时间周期触发。
13.一种小程序的页面渲染装置,包括:
获取单元,用于获取由操作系统触发的同步信号,其中,所述同步信号预先注册入所述操作系统的接口中,且用于触发渲染引擎渲染所述小程序的页面;
第一发送单元,用于响应于触发的所述同步信号,确定所述小程序的视图节点发生变更,向所述渲染引擎发送渲染指令,其中,所述视图节点用于表示所述小程序的原生视图,所述渲染指令用于使所述渲染引擎将变更后的所述视图节点对应的原生视图的渲染内容,渲染显示至所述操作系统对应的显示屏,以得到所述小程序的页面。
14.根据权利要求13所述的装置,其中,所述获取单元包括:
获取模块,用于响应于所述显示屏刷新完成,获取由所述操作系统触发的所述同步信号。
15.根据权利要求14所述的装置,其中,所述获取模块包括:
获取子模块,用于响应于所述显示屏按照时间周期刷新完成,获取由所述操作系统按照所述时间周期触发的所述同步信号。
16.根据权利要求15所述的装置,其中,所述获取子模块用于通过以下步骤来响应于所述显示屏按照时间周期刷新完成,获取由所述操作系统按照所述时间周期触发的所述同步信号:
响应于所述显示屏按照所述时间周期垂直刷新完成,获取由所述操作系统按照所述时间周期触发的垂直同步信号,其中,所述同步信号包括所述垂直同步信号。
17.根据权利要求13所述的装置,其中,所述第一发送单元包括:
确定模块,用于响应于创建所述视图节点或更新所述视图节点,确定所述视图节点发生变更。
18.根据权利要求13至17中任意一项所述的装置,其中,所述装置还包括:
第二发送单元,用于向所述渲染引擎发送视图创建指令,其中,所述视图创建指令用于使所述渲染引擎创建所述小程序的除变更后的所述视图节点之外的视图节点。
19.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。
20.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。
21.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210963393.0A CN115328597A (zh) | 2022-08-11 | 2022-08-11 | 小程序的页面渲染方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210963393.0A CN115328597A (zh) | 2022-08-11 | 2022-08-11 | 小程序的页面渲染方法、装置、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115328597A true CN115328597A (zh) | 2022-11-11 |
Family
ID=83923050
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210963393.0A Pending CN115328597A (zh) | 2022-08-11 | 2022-08-11 | 小程序的页面渲染方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115328597A (zh) |
-
2022
- 2022-08-11 CN CN202210963393.0A patent/CN115328597A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10768947B2 (en) | Method for interface refresh synchronization,terminal device, and non-transitory computer-readable storage medium | |
CN113453073B (zh) | 一种图像渲染方法、装置、电子设备及存储介质 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
US20230052979A1 (en) | Image display method and apparatus, and medium | |
CN114748873B (zh) | 界面渲染方法、装置、设备和存储介质 | |
CN114218890A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN114610295A (zh) | 一种页面容器的布局方法、装置、设备及介质 | |
CN114490126A (zh) | 页面处理方法、装置、电子设备和存储介质 | |
CN108228139B (zh) | 基于html5浏览器框架的单片机开发系统及装置 | |
CN115328597A (zh) | 小程序的页面渲染方法、装置、电子设备和存储介质 | |
CN115878935A (zh) | 一种图表的局部刷新方法、系统、装置、设备及介质 | |
CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
CN111222302A (zh) | 网页渲染的控制方法、控制装置以及计算机可读介质 | |
CN113608809A (zh) | 组件的布局方法、装置、设备、存储介质及程序产品 | |
CN113627534A (zh) | 识别动态图像的类型的方法、装置及电子设备 | |
CN113836455A (zh) | 特效渲染方法、装置、设备、存储介质及计算机程序产品 | |
CN113778481A (zh) | Mcu在线升级方法、系统、终端及存储介质 | |
CN113127260A (zh) | 一种显示异常处理方法、装置、设备及介质 | |
CN114329278B (zh) | 搜索结果页的处理方法、装置、电子设备和存储介质 | |
CN115686714A (zh) | 一种页面展示方法、装置、设备及存储介质 | |
CN114125135A (zh) | 一种视频内容呈现方法、装置、电子设备和存储介质 | |
CN115933932A (zh) | 电子白板的笔迹生成方法、装置、电子设备及存储介质 | |
CN114398017A (zh) | 时延检测方法、装置和电子设备 | |
CN113971256A (zh) | 页面的处理方法、装置、电子设备和存储器 | |
CN115640477A (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 |