CN113778581A - 页面加载方法、电子设备和存储介质 - Google Patents
页面加载方法、电子设备和存储介质 Download PDFInfo
- Publication number
- CN113778581A CN113778581A CN202110858849.2A CN202110858849A CN113778581A CN 113778581 A CN113778581 A CN 113778581A CN 202110858849 A CN202110858849 A CN 202110858849A CN 113778581 A CN113778581 A CN 113778581A
- Authority
- CN
- China
- Prior art keywords
- page
- target page
- network data
- target
- application program
- 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
- 238000011068 loading method Methods 0.000 title claims abstract description 104
- 238000009877 rendering Methods 0.000 claims abstract description 42
- 230000004044 response Effects 0.000 claims abstract description 30
- 238000004590 computer program Methods 0.000 claims description 21
- 238000012544 monitoring process Methods 0.000 claims description 11
- 230000001360 synchronised effect Effects 0.000 abstract description 11
- 238000000034 method Methods 0.000 description 15
- 238000010586 diagram Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000009471 action Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种页面加载方法、电子设备和存储介质。其中,页面加载方法,包括:应用程序启动后,异步加载应用程序中页面的页面布局和网络数据;响应于接收到打开应用程序的目标页面的指令,如果目标页面对应的页面布局已经异步加载完成,则基于目标页面对应的页面布局和目标页面的网络数据,渲染目标页面。本发明的实施例,可以有效节省页面布局和网络数据的加载时间,提升目标页面的加载效率。并且,在弱网或者无网条件下,可以借助缓存中的数据完成页面的加载,保证了应用程序运行的流畅性,提升了应用程序使用体验,此外,页面布局异步加载和同步渲染,避免同步加载页面布局导致响应慢,提升了应用程序的响应速度。
Description
技术领域
本发明涉及互联网技术领域,具体涉及一种页面加载方法、电子设备和存储介质。
背景技术
对于移动终端如智能手机中的应用程序,通常打开应用程序中的页面过程,需要等待较长的时间,这是由于需要从服务器请求如页面布局和网络数据,而在网络条件较差、网络速度较慢时,需要等待较长的时间,此外,即使网络条件比较良好的情况下,由于请求数据需要一定的时间,因此,页面的响应速度同样受到限制,影响用户的使用体验。
发明内容
针对现有技术中的问题,本发明提供一种页面加载方法、电子设备和存储介质。
为解决上述技术问题,本发明提供以下技术方案:
第一方面,本发明提供一种页面加载方法,包括:
应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;
响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
进一步地,所述应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据,包括:
所述应用程序启动后,创建线程池;
启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局,并启动所述线程池中第二线程异步请求所述应用程序中页面的网络数据。
进一步地,所述响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面,包括:
判断本地缓存中是否缓存有所述目标页面的网络数据;
如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
进一步地,还包括:如果所述本地缓存中未缓存有所述目标页面的网络数据,则在所述应用程序中页面的网络数据异步加载完成后,在本地缓存中缓存所述应用程序中页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
进一步地,如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面之后,还包括:
判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致;
如果否,则基于所述异步加载的所述目标页面的网络数据,对所述目标页面进行二次渲染,并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。
进一步地,在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前,还包括:
监听所述异步加载的所述目标页面的网络数据是否加载完成;
响应于监听到所述异步加载的所述目标页面的网络数据加载完成,判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致。
第二方面,本发明提供一种页面加载装置,包括:
加载模块,用于在应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;
渲染模块,用于响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,加载模块,具体用于:
所述应用程序启动后,创建线程池;
启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局,并启动所述线程池中第二线程异步请求所述应用程序中页面的网络数据。
在本发明的一个实施例中,渲染模块,具体用于:
判断本地缓存中是否缓存有所述目标页面的网络数据;
如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,渲染模块,具体用于:
如果所述本地缓存中未缓存有所述目标页面的网络数据,则在所述应用程序中页面的网络数据异步加载完成后,在本地缓存中缓存所述应用程序中页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,渲染模块,具体用于,如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面之后,还包括:
判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致;
如果否,则基于所述异步加载的所述目标页面的网络数据,对所述目标页面进行二次渲染,并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。
在本发明的一个实施例中,渲染模块,具体用于,在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前,还包括:
监听所述异步加载的所述目标页面的网络数据是否加载完成;
响应于监听到所述异步加载的所述目标页面的网络数据加载完成,判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致。
在本发明的一个实施例中,加载模块,还用于,响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局异步加载未完成,则同步加载所述目标页面对应的页面布局,并在所述目标页面对应的页面布局记载完成后,基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
第三方面,本发明提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现第一方面所述的页面加载方法的步骤。
第四方面,本发明提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现第一方面所述的页面加载方法的步骤。
第五方面,本发明提供一种计算机程序产品,所计算机程序产品包括有计算机程序/指令,该计算机程序/指令被处理器执行时实现第一方面所述的页面加载方法的步骤。
由上述技术方案可知,本发明提供的一种页面加载方法、电子设备和存储介质,在打开应用程序时,便进行应用程序中页面的页面布局和网络数据的异步加载,这样,当打开某一目标页面时,可以有效节省页面布局和网络数据的加载时间,提升目标页面的加载效率。并且,在弱网或者无网条件下,可以借助缓存中的数据完成页面的加载,保证了应用程序运行的流畅性,提升了应用程序使用体验,此外,页面布局异步加载和同步渲染,避免同步加载页面布局导致的应用程序响应慢,提升了应用程序的响应速度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一种的页面加载方法的流程示意图;
图2是本发明实施例二中的页面加载方法的流程示意图;
图3是图2所示流程示意图中多级处理步骤的逻辑流程图;
图4是本发明实施例的页面加载装置的结构框图;
图5是本发明实施例的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
以下结合附图描述根据本发明实施例的页面加载方法、电子设备和存储介质。
图1是根据本发明一个实施例的页面加载方法的流程图。如图1所示,根据本发明一个实施例的页面加载方法,包括如下步骤:
S101:应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据。
应用程序可以是安装在移动终端上的软件;移动终端例如为智能手机,例如:应用程序为安装在智能手机中的App(应用程序,Application),以安装有Android系统的手机为例,则应用程序指安装在该手机中的多种软件。
以安装有Android系统的手机中某个应用程序A为例,该应用程序A打开后,进入一个默认的页面,如果该应用程序A具有多个页面,则可以通过某一个页面上的操作,切换到另外的页面上。其中,每个页面通常具有一个和其它页面区分开的URL(uniform resourcelocator,统一资源定位符)地址,由此,可以通过对URL地址的请求来实现不同页面中的显示。
在本发明的一个实施例中,当应用程序启动后,便可以异步加载应用程序中各个页面的页面布局和网络数据。例如:通过线程进行应用程序中各个页面的页面布局和网络数据的异步加载。具体来说,应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据,包括:所述应用程序启动后,创建线程池;启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局,并启动所述线程池中第二线程异步调度请求所述应用程序中页面的网络数据。例如:第二线程异步调度网络框架以请求应用程序中页面的网络数据,其中,网络框架是进行通信连接的一种网络结构,例如定义了接口类型、使用的网络协议等。
以安装有Android系统的手机中某个应用程序App为例,如图2所示,App启动后,进行页面布局的预加载(即:进入异步加载页面布局的流程)以及网络数据的预加载(即:进入异步加载网络数据的流程)。
在预加载页面布局时,通过创建的线程池,启动设定好的线程(即:第一线程)进行页面布局的异步加载(即:线程池异步加载布局);启动设定好的另一线程(即:第二线程)进行网络数据的请求(即:线程池异步网络调度,并开始进行网络请求)。即:打开App时,开启线程异步加载页面布局,异步读取本地缓存,异步调度网络框架请求网络数据。
S102:响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面,包括:判断本地缓存中是否缓存有所述目标页面的网络数据;如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
如图2所示,页面(即:目标页面)打开后,如果页面布局已经异步加载完成,则直接根据目标页面对应的页面布局和本地缓存中的目标页面的网络数据,渲染目标页面。当然,响应于接收到打开所述应用程序的目标页面的指令例如在应用程序的目标页面打开时,如果所述目标页面对应的页面布局异步加载未完成,则停止对该目标页面的页面布局的异步加载过程并转而变为同步加载所述目标页面对应的页面布局,并在所述目标页面对应的页面布局记载完成后,基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。如图2所示,如果页面布局尚未异步加载完成,则同步加载页面布局。
在以上描述中,由于App启动时,便开始进行页面布局的异步加载,从而,在打开某一目标页面之前,页面布局已经进行了异步加载,此时,在打开目标页面时,不需要等待页面布局进行同步的加载,相比于现有技术中页面布局在打开目标页面时同步加载的方式,省去了待打开目标页面时页面布局加载所需的时间,进而,可以有效提升目标页面的响应速度,此外,即使在打开目标页面之前,假设页面布局尚未异步加载完成,但在目标页面打开之前的一段时间内,也已经通过异步加载方式加载了部分页面布局,因此,在打开目标页面时,相比于现有技术中页面布局才开始加载的方式,只需要同步加载之前通过异步加载未完成的部分页面布局进行同步加载,由于此时并不需要进行整个页面布局的同步加载,因此,同样可以节省加载时间,提升目标页面的响应速度。
图3是图2所示流程示意图中多级处理步骤的逻辑流程图,即图3是对图2中虚线所框的多级处理步骤的具体逻辑流程图,结合图2和图3所示,在打开目标页面时,还需要请求该目标页面所需的网络数据,其中,网络数据包括但不限于目标页面上需要显示的数据,如:图片、文字等需要显示的内容,本发明的实施例中,同样可采用异步加载的方式异步加载应用程序中页面的网络数据,并存入缓存,如本地缓存,因此,同样节省了网络数据的请求时间,进而,进一步地提升了目标页面的响应速度。
该示例中,如图2和图3所示,开始网络请求后,即:异步请求网络数据开始后,可以先判断缓存中是否存在网络数据,如果缓存中未缓存有所述目标页面的网络数据,则在所述应用程序中页面的网络数据异步加载完成后,即:网络数据请求完成之后,在本地缓存中缓存请求得到的应用程序中页面的网络数据,并基于请求得到的网络数据进行解析等,在解析成功之后,渲染所述目标页面。
当然,如果缓存中存在网络数据,则请求网络数据开始后,可以直接从缓存中读取网络数据,并进行解析等操作,然后渲染目标页面。也就是说,如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,然后进行网络数据的解析等必要操作,然后,渲染所述目标页面。
需要说明的是,上述示例中,在缓存中存在网络数据的情况下,首先使用缓存中的网络数据等进行目标页面的渲染,这样,减少从网络中请求网络数据的等待时间,可以提升目标页面的响应速度,但该示例中,从网络中请求网络数据还是进行的,这样,在渲染目标页面之后,可以判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据(即:从网络中请求的网络数据)是否一致;如果否,则可以基于所述异步加载的所述目标页面的网络数据,对所述目标页面进行二次渲染,并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。
进一步地,在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前,还可包括:监听所述异步加载的所述目标页面的网络数据是否加载完成;当监听到所述异步加载的所述目标页面的网络数据加载完成之后,判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致。即:从网络中请求网络数据完成时,通过监听的手段可以第一时间得知网络数据已经请求完成,进而,可以及时地进行数据的一致性比较,如果得知和缓存的数据存在差异,便可以及时地对目标页面中显示的网络数据进行更正。
同样如图2和图3所示,目标页面打开后,订阅网络数据监听事件,页面布局加载完成后直接渲染页面布局,监听到加载完成本地缓存中的网络数据后进行进一步渲染数据。该过程中,不需要等待网络数据请求完成,因此,提升了目标页面的加载速度。网络数据请求完成后,与本地缓存中的网络数据进行对比,如果不同,则在目标页面中再次刷新最新的网络数据,同时在本地缓存中更新对应的网络数据。
在以上描述中,页面的页面布局和网络数据的异步加载,可以根据页面的URL实现对应页面的页面布局和网络数据的异步加载。
本发明实施例的页面加载方法,在打开应用程序时,便进行应用程序中页面的页面布局和网络数据的异步加载,这样,当打开某一目标页面时,可以有效节省页面布局和网络数据的加载时间,提升目标页面的加载效率。并且,在弱网或者无网条件下,可以借助缓存中的数据完成页面的加载,保证了应用程序运行的流畅性,提升了应用程序使用体验,此外,页面布局异步加载和同步渲染,避免同步加载页面布局导致的应用程序响应慢,提升了应用程序的响应速度。
图4是根据本发明一个实施例的页面加载装置的结构框图。如图4所示,根据本发明一个实施例的页面加载装置,包括:加载模块310和渲染模块320,其中:
加载模块310,用于在应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;
渲染模块320,用于响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,加载模块310,具体用于:
所述应用程序启动后,创建线程池;
启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局,并启动所述线程池中第二线程异步请求所述应用程序中页面的网络数据。
在本发明的一个实施例中,渲染模块320,具体用于:
判断本地缓存中是否缓存有所述目标页面的网络数据;
如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,渲染模块320,具体用于:
如果所述本地缓存中未缓存有所述目标页面的网络数据,则在所述应用程序中页面的网络数据异步加载完成后,在本地缓存中缓存所述应用程序中页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的一个实施例中,渲染模块320,具体用于,如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面之后,还包括:
判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致;
如果否,则基于所述异步加载的所述目标页面的网络数据,对所述目标页面进行二次渲染,并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。
在本发明的一个实施例中,渲染模块320,具体用于,在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前,还包括:
监听所述异步加载的所述目标页面的网络数据是否加载完成;
响应于监听到所述异步加载的所述目标页面的网络数据加载完成,判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致。
在本发明的一个实施例中,加载模块310,还用于,响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局异步加载未完成,则同步加载所述目标页面对应的页面布局,并在所述目标页面对应的页面布局记载完成后,基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
本发明实施例的页面加载装置,在打开应用程序时,便进行应用程序中页面的页面布局和网络数据的异步加载,这样,当打开某一目标页面时,可以有效节省页面布局和网络数据的加载时间,提升目标页面的加载效率。并且,在弱网或者无网条件下,可以借助缓存中的数据完成页面的加载,保证了应用程序运行的流畅性,提升了应用程序使用体验,此外,页面布局异步加载和同步渲染,避免同步加载页面布局导致的应用程序响应慢,提升了应用程序的响应速度。
需要说明的是,本发明实施例的页面加载装置的具体实现方式与本发明实施例的页面加载方法的具体实现方式类似,具体请参见方法部分的描述,此处不做赘述。
本发明的实施例还提供了能够实现上述任意一个实施例中的页面加载方法中全部步骤的一种电子设备的具体实施方式,参见图5,所述电子设备具体包括如下内容:处理器(processor)601、存储器(memory)602、通信接口(Communications Interface)603和总线604;
其中,所述处理器601、存储器602、通信接口603通过所述总线604完成相互间的通信;所述通信接口603用于实现服务器与客户端之间的信息传输;
所述处理器601用于调用所述存储器602中的计算机程序,所述处理器执行所述计算机程序时实现上述实施例中的全部步骤,例如,所述处理器执行所述计算机程序时实现下述步骤:应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
本发明的实施例提供能够实现上述实施例的页面加载方法中全部步骤的一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述实施例的全部步骤,例如,所述处理器执行所述计算机程序时实现下述步骤:应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
本发明的实施例提供能够实现上述实施例的页面加载方法中全部步骤的一种计算机程序产品,所述计算机程序产品上存储有计算机程序/指令,该计算机程序/指令被处理器执行时实现上述实施例的全部步骤,例如,所述处理器执行所述计算机程序时实现下述步骤:应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
在本发明的描述中,需要说明的是,术语“上”、“下”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。除非另有明确的规定和限定,术语“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以根据具体情况理解上述术语在本发明中的具体含义。
还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上实施例仅用于说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种页面加载方法,其特征在于,包括:
应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据;
响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
2.根据权利要求1所述的页面加载方法,其特征在于,所述应用程序启动后,异步加载所述应用程序中页面的页面布局和网络数据,包括:
所述应用程序启动后,创建线程池;
启动所述线程池中第一线程异步加载所述应用程序中页面的页面布局,并启动所述线程池中第二线程异步请求所述应用程序中页面的网络数据。
3.根据权利要求1或2所述的页面加载方法,其特征在于,所述如果所述目标页面对应的页面布局已经异步加载完成,则基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面,包括:
判断本地缓存中是否缓存有所述目标页面的网络数据;
如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
4.根据权利要求3所述的页面加载方法,其特征在于,还包括:如果所述本地缓存中未缓存有所述目标页面的网络数据,则在所述应用程序中页面的网络数据异步加载完成后,在本地缓存中缓存所述应用程序中页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
5.根据权利要求3所述的页面加载方法,其特征在于,如果所述本地缓存中缓存有所述目标页面的网络数据,则从所述本地缓存中读取所述目标页面的网络数据,并基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面之后,还包括:
判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致;
如果否,则基于所述异步加载的所述目标页面的网络数据,对所述目标页面进行二次渲染,并将所述异步加载的所述目标页面的网络数据对所述本地缓存中缓存的所述目标页面的网络数据进行更新。
6.根据权利要求5所述的页面加载方法,其特征在于,在判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致之前,还包括:
监听所述异步加载的所述目标页面的网络数据是否加载完成;
响应于监听到所述异步加载的所述目标页面的网络数据加载完成,判断所述本地缓存中缓存的所述目标页面的网络数据与异步加载的所述目标页面的网络数据是否一致。
7.根据权利要求1所述的页面加载方法,其特征在于,还包括:响应于接收到打开所述应用程序的目标页面的指令,如果所述目标页面对应的页面布局异步加载未完成,则同步加载所述目标页面对应的页面布局,并在所述目标页面对应的页面布局记载完成后,基于所述目标页面对应的页面布局和所述目标页面的网络数据,渲染所述目标页面。
8.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现根据权利要求1至7任一项所述页面加载方法的步骤。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现根据权利要求1至7任一项所述页面加载方法的步骤。
10.一种计算机程序产品,所计算机程序产品包括有计算机程序/指令,其特征在于,该计算机程序/指令被处理器执行时实现根据权利要求1至7任一项所述页面加载方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110858849.2A CN113778581A (zh) | 2021-07-28 | 2021-07-28 | 页面加载方法、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110858849.2A CN113778581A (zh) | 2021-07-28 | 2021-07-28 | 页面加载方法、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113778581A true CN113778581A (zh) | 2021-12-10 |
Family
ID=78836267
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110858849.2A Pending CN113778581A (zh) | 2021-07-28 | 2021-07-28 | 页面加载方法、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113778581A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327707A (zh) * | 2021-12-20 | 2022-04-12 | 凌云光技术股份有限公司 | 一种用户界面的刷新方法 |
CN115292642A (zh) * | 2022-07-29 | 2022-11-04 | 深圳市六度人和科技有限公司 | 一种页面显示方法及装置、存储介质、计算机设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105446755A (zh) * | 2014-08-06 | 2016-03-30 | 阿里巴巴集团控股有限公司 | 一种用于Android系统上快速加载Activity数据的方法和装置 |
CN110727478A (zh) * | 2019-10-16 | 2020-01-24 | 腾讯科技(深圳)有限公司 | 一种基于混合模式渲染页面的方法、装置、设备及介质 |
CN112487324A (zh) * | 2020-10-28 | 2021-03-12 | 贝壳技术有限公司 | 页面生成方法、装置、电子介质及存储介质 |
-
2021
- 2021-07-28 CN CN202110858849.2A patent/CN113778581A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105446755A (zh) * | 2014-08-06 | 2016-03-30 | 阿里巴巴集团控股有限公司 | 一种用于Android系统上快速加载Activity数据的方法和装置 |
CN110727478A (zh) * | 2019-10-16 | 2020-01-24 | 腾讯科技(深圳)有限公司 | 一种基于混合模式渲染页面的方法、装置、设备及介质 |
CN112487324A (zh) * | 2020-10-28 | 2021-03-12 | 贝壳技术有限公司 | 页面生成方法、装置、电子介质及存储介质 |
Non-Patent Citations (1)
Title |
---|
墨源为水: ""并行异步加载View与请求网络接口SDK研发-雏形"", pages 1 - 8, Retrieved from the Internet <URL:《https://www.jianshu.com/p/273bc1963d05》> * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327707A (zh) * | 2021-12-20 | 2022-04-12 | 凌云光技术股份有限公司 | 一种用户界面的刷新方法 |
CN115292642A (zh) * | 2022-07-29 | 2022-11-04 | 深圳市六度人和科技有限公司 | 一种页面显示方法及装置、存储介质、计算机设备 |
CN115292642B (zh) * | 2022-07-29 | 2023-10-13 | 深圳市六度人和科技有限公司 | 一种页面显示方法及装置、存储介质、计算机设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106294658B (zh) | 网页快速展示方法和装置 | |
CN108845816A (zh) | 应用程序更新方法、系统、计算机设备及存储介质 | |
EP2755145A1 (en) | Webpage browsing method and device, and storage medium | |
CN113778581A (zh) | 页面加载方法、电子设备和存储介质 | |
CN102520918A (zh) | 一种提高列表刷新频率的方法及装置 | |
US10768947B2 (en) | Method for interface refresh synchronization,terminal device, and non-transitory computer-readable storage medium | |
CN111225010A (zh) | 数据处理方法、数据处理系统以及装置 | |
CN110851276A (zh) | 一种业务请求处理方法、装置、服务器和存储介质 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
US11438403B2 (en) | Page presentation method and system, computer system, and computer readable medium | |
CN112395535A (zh) | 图片的懒加载方法及装置、介质和电子设备 | |
CN111783010B (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
CN117271121A (zh) | 一种任务处理进度控制方法、装置、设备及其存储介质 | |
CN111966508A (zh) | 一种消息的批量发送方法、装置、计算机设备和存储介质 | |
CN108062224B (zh) | 基于文件句柄的数据读写方法、装置及计算设备 | |
CN113791777B (zh) | 图片显示方法及装置、计算机可读存储介质及电子设备 | |
CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
CN102360392B (zh) | 一种确定网页编码方式的方法及设备 | |
CN115858978A (zh) | 一种基于更新资源的页面加载方法和装置 | |
CN108763601B (zh) | 一种在双内核浏览器中自动切换的控制方法及控制装置 | |
CN114490265A (zh) | 一种数据采集方法、装置、设备及存储介质 | |
CN111800487A (zh) | 数据更新方法、装置、设备及存储介质 | |
CN110795670A (zh) | 网页图像的监控方法、装置、电子设备及可读存储介质 | |
CN110858240A (zh) | 一种前端模块加载方法和装置 | |
CN116521630B (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 |