CN116257719A - 页面更新方法、装置、计算机设备和存储介质 - Google Patents
页面更新方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN116257719A CN116257719A CN202310545984.0A CN202310545984A CN116257719A CN 116257719 A CN116257719 A CN 116257719A CN 202310545984 A CN202310545984 A CN 202310545984A CN 116257719 A CN116257719 A CN 116257719A
- Authority
- CN
- China
- Prior art keywords
- page
- update
- container
- data
- target
- 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
- 238000000034 method Methods 0.000 title claims abstract description 179
- 230000001960 triggered effect Effects 0.000 claims abstract description 91
- 238000012544 monitoring process Methods 0.000 claims abstract description 11
- 230000006870 function Effects 0.000 claims description 173
- 238000004590 computer program Methods 0.000 claims description 31
- 238000013500 data storage Methods 0.000 claims description 24
- 230000008859 change Effects 0.000 claims description 22
- 230000004044 response Effects 0.000 claims description 7
- 230000006378 damage Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
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)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本公开涉及移动互联技术领域,具体公开了一种页面更新方法、装置、计算机设备和存储介质。所述方法包括:响应页面更新操作,确定页面更新操作的更新类型;监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据;容器可见接口用于实现将目标容器对应的目标更新页面在客户端进行显示;根据页面生成数据生成目标更新页面。采用本方法能够在精确更新页面的同时,节约系统资源,提升资源使用效率。
Description
技术领域
本申请涉及移动互联技术领域,特别是涉及一种页面更新方法、装置、计算机设备和存储介质。
背景技术
随着移动互联的发展,客户端混合开发越来越流行,越来越多的功能模块使用H5离线包开发并嵌入客户端的应用程序中,客户端的原生页面在与H5离线包进行交互时,H5页面将以容器为载体呈现在原生应用程序上,一个应用程序上一般有多个H5容器。
由于容器的控制权在原生系统上,原生页面与H5容器的H5页面进行切换和更新时,H5容器由于无法确定当前正在展示的页面,因此不能精确对页面进行更新。
传统的页面更新方式是采用订阅模式对页面更新事件进行订阅,此方法需要提前注册事件,当事件发生时,即刻更新数据,然而随着客户端配置的H5容器的逐渐增多,客户端需要展示的页面也随之增多,传统的订阅方法存在资源浪费的问题。
发明内容
基于此,有必要针对上述技术问题,提供一种能够节约资源的页面更新方法、装置、计算机设备和计算机可读存储介质。
第一方面,本申请提供了一种页面更新方法,所述方法包括:
响应页面更新操作,确定所述页面更新操作的更新类型;
监听所述页面更新操作触发的预设生命周期函数接口,所述预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
根据所述页面生成数据生成所述目标更新页面。
在其中一个实施例中,在所述调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据步骤之前,还包括:
根据预先订阅的注册事件,确定所述页面更新操作是否触发所述注册事件中的数据变更事件;
若所述页面更新操作触发所述数据变更事件,则控制所述原生页面的页面数据进行更新。
在其中一个实施例中,所述页面更新方法包括全局数据获取方法与全局数据存储方法;
调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据,包括:
调用在所述预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用所述预设生命周期函数内封装的全局数据存储方法对获取的所述全局变量数据进行存储,得到所述目标更新页面的页面生成数据。
在其中一个实施例中,所述方法还包括:
当触发的预设生命周期函数接口为容器销毁接口时,调用所述预设生命周期函数接口内封装的页面数据清除方法,将所述目标容器中的数据进行清除。
在其中一个实施例中,所述方法还包括:
当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器不可见接口用于实现将所述目标容器对应的目标更新界面对所述客户端不可见;
当所述预设生命周期函数接口中的容器可见接口被重新触发时,根据所述页面生成数据生成所述目标更新页面。
在其中一个实施例中,所述方法还包括:
当所述更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为所述原生页面预先设置的页面数据更新方法获取页面更新数据;
根据所述页面更新数据对所述当前容器的容器页面进行更新,得到所述目标更新页面。
第二方面,本申请还提供了一种页面更新装置,所述装置包括:
响应模块,用于响应页面更新操作,确定所述页面更新操作的更新类型;
监听模块,用于监听所述页面更新操作触发的预设生命周期函数接口,所述预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
数据获取模块,用于当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
页面更新模块,用于根据所述页面生成数据生成所述目标更新页面。
在其中一个实施例中,所述装置还包括:
订阅模块,用于根据预先订阅的注册事件,确定所述页面更新操作是否触发所述注册事件中的数据变更事件;
数据更新模块,用于若所述页面更新操作触发所述数据变更事件,则控制所述原生页面的页面数据进行更新。
在其中一个实施例中,所述页面更新方法包括全局数据获取方法与全局数据存储方法;所述数据获取模块还用于:
调用在所述预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用所述预设生命周期函数内封装的全局数据存储方法对获取的所述全局变量数据进行存储,得到所述目标更新页面的页面生成数据。
在其中一个实施例中,所述装置还包括:
数据清除模块,用于当触发的预设生命周期函数接口为容器销毁接口时,调用所述预设生命周期函数接口内封装的页面数据清除方法,将所述目标容器中的数据进行清除。
在其中一个实施例中,所述数据获取模块,还用于当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器不可见接口用于实现将所述目标容器对应的目标更新界面对所述客户端不可见;
所述页面更新模块,还用于当所述预设生命周期函数接口中的容器可见接口被重新触发时,根据所述页面生成数据生成所述目标更新页面。
第三方面,本申请还提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述的方法的步骤。
第四方面,本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述的方法的步骤。
上述页面更新方法、装置、计算机设备和存储介质,响应页面更新操作,确定页面更新操作的更新类型,监听页面更新操作触发的预设生命周期函数接口,其中,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,说明用于生成展示页面的容器发生了转换,且需要在客户端将更新的页面进行展示,此时调用预设生命周期函数接口内封装的页面更新方法,从原生页面直接获取目标更新页面的页面生成数据,根据页面生成数据生成目标更新页面,通过预先将页面更新方法封装并设置在预设生命周期函数的接口内,当生命周期函数的对应接口被触发时,即可根据页面更新方法直接获取页面生成数据,无需提前为可能发生的页面更新注册事件,通过容器自身的生命周期函数就可以在实现原生和H5页面数据同步,精确更新页面的同时,节约系统资源,提升了资源使用效率。
附图说明
图1为一个实施例中页面更新方法的应用环境图;
图2为一个实施例中页面更新方法的流程示意图;
图3为另一个实施例中页面更新方法的流程示意图;
图4为另一个实施例中页面更新方法的流程示意图;
图5为另一个实施例中页面更新方法的流程示意图;
图6为另一个实施例中页面更新方法的流程示意图;
图7为另一个实施例中页面更新方法的流程示意图;
图8为一个实施例中页面更新装置的结构框图;
图9为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
本申请实施例提供的页面更新方法,可以应用于如图1所示的应用环境中。其中,页面更新系统102与客户端104进行通信。数据存储系统可以存储页面更新系统需要处理的数据。数据存储系统可以集成在页面更新系统102上,也可以放在云上或其他网络服务器上。页面更新系统102响应于用户基于客户端104触发的页面更新操作,确定页面更新操作的更新类型,监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置,当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,根据页面生成数据生成目标更新页面。其中,页面更新系统102可以用独立的服务器或者是多个服务器组成的服务器集群来实现。客户端104可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备,物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。
在一个实施例中,如图2所示,提供了一种页面更新方法,以该方法应用于图1中的页面更新系统为例进行说明,包括以下步骤:
步骤202,响应页面更新操作,确定页面更新操作的更新类型。
其中,页面更新操作是对当前客户端显示的页面进行更新的操作,页面更新操作可以由用户基于客户端触发。页面更新操作对应有不同的更新类型,可以包括跨容器页面更新和非跨容器页面更新。跨容器页面更新是指,页面更新前客户端显示的页面对应的页面容器,与页面更新后在客户端显示的页面对应的页面容器不同的页面更新操作。非跨容器页面更新是指,页面更新前客户端显示的页面对应的页面容器,与页面更新后在客户端显示的页面对应的页面容器相同的页面更新操作。
以用户使用银行业务程序为例,在业务程序内设置有多个H5离线包,其中,H5离线包是一种应用程序内可以无感知下载、安装、更新的应用,通过在业务程序内设置H5离线包可以很方便的满足用户在一些业务场景中的使用。在客户端集成的业务程序首页可能存在有多个用于加载H5离线包的tab,常见的如生活、我的等,每个tab都会对应有一个H5容器。H5容器可用于客户端与H5页面的双向数据访问,可以加载H5页面以及按照会话概念管理各个页面,内置丰富的JSAPI、标题设置等功能,可以扩展业务需求。通过H5容器组件,可以极大简化客户端与H5页面的交互流程,规范化H5页面的会话管理。
若用户仅在客户端首页进行浏览信息滑动等操作,此时客户端首页显示的页面虽然需要进行更新,但其始终是在一个页面容器内进行更新,因此其触发的页面更新操作的更新类型为非跨容器页面更新,若用户点击客户端首页的tab,进入tab对应的显示页面,则可以认为客户端展示页面对应的页面容器发生了变化,此次页面更新操作为跨容器页面更新。
具体地,页面更新系统响应于用户基于客户端触发的页面更新操作,根据页面更新操作确定页面更新操作的更新类型。
步骤204,监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。
其中,容器的生命周期可以分为6个阶段,每个时刻只可能处于其中的一个阶段,如处于屏幕前台active,失去交点paused、停止stopped等状态,当页面的状态发生变化时会触发新状态的生命周期函数。预设生命周期函数接口是由目标更新页面对应的目标容器为原生页面设置的,当更新类型为跨容器页面更新时,该页面更新操作自然会触发目标容器与原生页面之间的预设生命周期函数接口。
具体地,目标容器预先与原生页面之间设置了对应的预设生命周期函数接口,当页面更新操作被触发时,页面更新系统将会监听页面更新触发的预设生命周期函数接口。
步骤206,当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据。
其中,容器可见接口是用于实现将目标容器对应的目标更新页面在客户端进行显示的预设生命后期函数接口。当页面更新操作触发的预设生命周期函数接口为容器可见接口时,说明需要生成目标容器对应的目标更新页面并在客户端进行显示。预设生命周期函数接口内预先封装了页面更新方法,可以通过预先封装的页面更新方法获取生成页面时所需的页面生成数据。
具体地,页面更新系统在确定页面更新操作的更新类型为跨容器页面更新,触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据。
步骤208,根据所述页面生成数据生成所述目标更新页面。
具体地,页面更新系统根据获取的页面生成数据在目标容器内生成目标更新页面,并在客户端进行显示。
上述页面更新方法中,响应页面更新操作,确定页面更新操作的更新类型,监听页面更新操作触发的预设生命周期函数接口,其中,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,说明用于生成展示页面的容器发生了转换,且需要在客户端将更新的页面进行展示,此时调用预设生命周期函数接口内封装的页面更新方法,从原生页面直接获取目标更新页面的页面生成数据,根据页面生成数据生成目标更新页面,通过预先将页面更新方法封装并设置在预设生命周期函数的接口内,当生命周期函数的对应接口被触发时,即可根据页面更新方法直接获取页面生成数据,无需提前为可能发生的页面更新注册事件,通过容器自身的生命周期函数就可以在实现原生和H5页面数据同步,精确更新页面的同时,节约系统资源,提升了资源使用效率。
用户基于客户端触发页面更新操作时,还容易发生页面数据变更的情况,例如新页面的登录状态发生变更的情况,基于此,在一个实施例中,如图3所示,在调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据步骤之前,页面更新方法还包括:
步骤302,根据预先订阅的注册事件,确定页面更新操作是否触发注册事件中的数据变更事件。
其中,订阅模式又称发布-订阅模式,是一种对象间一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到状态改变的通知,在订阅模式中,订阅把自己想订阅的事件预先注册到调度中心,当发布者发布该事件到调度中心,也就是该事件触发时,由调度者按照预设的方法进行调度操作。
在其中一个实施例中,订阅模式可以为eventBus模式。
具体地,页面更新系统通过订阅模式预先注册了数据变更事件并订阅,当页面更新操作被触发时,页面更新系统可以根据预先订阅的注册时间,确定页面更新操作是否触发了提前订阅的数据变更事件。可以理解的,当页面更新时的目标更新页面的数据,例如目标容器的登录状态发生变更时,即可认为此时页面更新操作触发了提前订阅的数据变更事件。
步骤304,若页面更新操作触发数据变更事件,则控制原生页面的页面数据进行更新。
具体地,若页面更新操作触发了数据变更事件,页面更新系统中自行封装的订阅者欧式将发送状态或数据变化信号,页面更新系统将控制原生页面的页面数据进行更新,即本地数据进行更新,以便后续目标容器从本地数据获取的页面生成数据是更新后的数据。
上述实施例中,通过使用订阅模式预先注册数据变更事件,当页面更新操作触发了预先注册的数据变更事件时,可以及时对原生页面的数据进行更新,以使后续目标容器通过生命周期函数从原生原始页面获取的页面生成数据是更新后的数据,提高了页面更新的准确性。
在一个实施例中,页面更新方法包括全局数据获取方法和全局数据存储方法,如图4所示,提供一种页面更新方法,包括以下步骤:
步骤402,响应页面更新操作,确定页面更新操作的更新类型。
步骤404,监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。
具体地,上述步骤402至步骤404的具体实施方式与步骤202至步骤204的具体实施方式基本一致,在此不再赘述。
步骤406,当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用在预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取。
其中,全局数据获取方法是用于获取目标容器全局变量的数据获取方法,全局数据获取方法由目标容器预先与原生页面约定后进行设置,并封装在目标容器为原生页面提供的预设生命周期函数接口内,通过全局数据获取方法,目标容器可以自动从原生页面,即本地数据中获取目标容器生成目标更新页面所需的全局变量数据。
具体地,当页面更新操作触发的预设生命周期函数接口为容器可见接口时,页面更新系统调用在预设生命周期函数内封装的全局数据获取方法,从原生页面,即本地数据中获取目标容器的全局变量数据。
步骤408,调用预设生命周期函数内封装的全局数据存储方法对获取的全局变量数据进行存储,得到目标更新页面的页面生成数据。
其中,全局数据存储方法是用于存储目标容器全局变量的数据存储方法,全局数据存储方法由目标容器预先与原生页面约定后进行设置,并封装在目标容器为原生页面提供的预设生命周期函数接口内,通过全局数据存储方法,目标容器可以自动对通过全局数据获取方法获取的全局变量数据进行存储,进而得到目标容器生成目标更新页面所需的页面生成数据。
具体地,页面更新系统调用在预设生命周期函数内封装的全局数据存储方法,将目标容器从原生页面,即本地数据中获取的全局变量数据进行自动存储,进而得到目标容器生成目标更新页面所需的页面生成数据。
步骤410,根据所述页面生成数据生成所述目标更新页面。
具体地,页面更新系统根据获取的页面生成数据在目标容器内生成目标更新页面,并在客户端进行显示。
本实施例中,通过预先将全局数据获取方法与全局数据存储方法封装并设置在预设生命周期函数的接口中,当预设生命周期函数接口被触发时,页面更新系统即可直接通过封装的全局数据获取方法与全局数据存储方法自行对目标容器的全局变量数据进行存、取等操作,提高了页面更新的更新速率以及资源利用率。
预设生命周期函数接口除了容器可见接口外,还包括容器销毁接口,在一个实施例中,页面更新方法还包括:当触发的预设生命周期函数接口为容器销毁接口时,调用预设生命周期函数接口内封装的页面数据清除方法,将目标容器中的数据进行清除。
其中,容器销毁接口是指对目标容器内存储数据进行销毁,以销毁容器实例的生命周期函数接口。容器销毁接口内封装有对应的页面数据清除方法,用于对目标容器内的数据进行清除。
具体地,页面更新系统当确定页面更新操作触发的预设生命周期函数接口为容器销毁接口时,说明此时用户需要销毁目标容器对应的实例。页面更新系统调用预设生命周期函数接口内封装的页面数据清除方法,对目标容器内的数据进行清除。
本实施例中,通过预先为目标容器与原生页面设置容器销毁接口,并将容器销毁时所使用的页面数据清除方法封装在容器销毁接口内,当目标容器的容器销毁接口被触发时,页面更新系统可以直接根据封装的页面数据清除方法对目标容器内的数据进行清除,以此满足用户的使用需求。
进一步的,预设生命周期函数接口还可以包括容器不可见接口,在一个实施例中,如图5所示,页面更新方法还包括以下步骤:
步骤502,当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据。
其中,容器不可见接口是指用户进行的页面操作会使目标容器对应的容器界面对用户不可见时触发的生命周期函数接口,用于实现将目标容器生成的目标更新界面对客户端不可见。例如目标容器被后台压制,或,用户使用的终端当前处于锁屏状态等。
具体地,当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,说明此时虽然用户触发了跨容器的页面更新操作,此时目标容器处于用户不可见状态,例如被后台压制或用户触发锁屏时的状态。此时页面更新系统依旧调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,以为后续生成目标更新页面做准备。
步骤504,当预设生命周期函数接口中的容器可见接口被重新触发时,根据页面生成数据生成目标更新页面。
具体地,当预设生命周期函数接口中的容器可见接口被重新触发时,说明此时目标容器又重新变成了用户可见状态,页面更新系统可以直接根据已经获取的页面生成数据生成目标更新页面。
在本实施例中,当预设生命周期函数接口内的容器不可见接口被触发时,页面更新系统会先根据封装的页面更新方法获取目标更新页面的页面生成数据,但不生成目标更新页面,直至预设生命周期函数接口内容器可见接口被重新触发时,再直接根据页面生成数据生成目标更新页面,以此提高页面更新时页面生成连贯性,同时也提高了页面生成效率和系统的资源利用率。
在一个实施例中,若在预设时间段内,预设生命周期函数接口内的容器可见接口都未被重新触发,则可以撤销目标容器的页面更新操作。
页面更新的类型除了跨容器页面更新,还可以包括容器内页面更新,在一个实施例中,如图6所示,页面更新方法还包括:
步骤602,当更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为原生页面预先设置的页面数据更新方法获取页面更新数据。
具体地,页面更新系统当确定页面更新操作的更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,说明此时用户虽然对页面展示数据进行了修改,但该展示页面对应的目标容器并未改变,此时页面更新系统可以调用当前容器与原生页面预先设置的页面数据更新方法,获取生成目标更新页面所需要使用的页面更新数据。
步骤604,根据页面更新数据对当前容器的容器页面进行更新,得到目标更新页面。
具体地,页面更新系统根据页面更新数据对当前容器的容器页面进行更新,生成目标更新页面,并将目标更新页面在客户端进行展示。
本实施例中,当更新前的页面与更新后的页面对应的页面容器不变,且触发的接口为容器可见接口时,页面更新系统将调用预先设置的页面数据更新方法获取当前页面的页面更新数据,并根据页面更新数据对当前容器的容器页面进行更新过,得到目标更新页面,在提高页面更新效率的同时也提升了系统资源的利用率。
在客户端程序中,有一些功能模块是用原生来开发的,如登录、消息推送sdk接入层等,当登录状态发生改变,或者收到推送消息时,传统页面更新方式需要将用户状态和数据传给H5页面更新,之前通过注册、回调的方式,用订阅模式eventBus来通知H5的多个需要更新数据的页面。这种方式需要H5离线包每个页面在初始化时候注册事件,页面销毁时取消注册事件,事件发生的时候,每一个注册了事件的页面无论是否在前台,都会收到通知,更新页面。这种处理方式会带来很多问题,由于不能精确知道哪些页面需要更新数据,而注册事件必须是提前完成的,这样需要在很多页面里提前注册,很多不需要更新的页面也必须提前注册,并且在eventBus的消息列表里维护,带来一些内存资源浪费的情况。
基于此,在一个实施例中,如图7所示,提供了一种页面更新方法,具体包括以下步骤:
页面更新系统响应页面更新操作,当原生页面的数据发生变化时,通过jsbridge接口及时通知H5页面更新数据。具体地,H5页面提供控制数据更新的方法setGlobalCB、getGlobalCB,供原生调用,当原生数据发生变化时,原生通过窗口事件主动调用H5提供的方法更新顶层页面。
当原生的数据发生变化后,H5页面跳转或切换时,如用户点击客户端的其他tab时,这时会切换H5容器,打开不同的H5离线包,此时通过容器的生命周期函数通知H5页面更新数据。具体地,安卓或IOS系统提供原生容器的生命周期接口onContainerResume容器可见、onContainerPause容器不可见、onContainerDestory容器销毁。H5自定义window方法setGlobalCB、getGlobalCB供原生调用。当原生页面发生改变且触发跨容器跳转动作后,即从一个H5容器跳转到另一个H5容器时,H5容器发生变化,H5通过原生提供的容器生命周期接口onContainerResume容器可见、onContainerPause容器不可见、onContainerDestory容器销毁,监听到原生触发了跨容器页面更新动作时,H5的win同名事件onContainerResume、onContainerPause、onContainerDestory会被容器生命周期自定义函数触发,里面写入H5已封装好的全局方法getglobaDataTo存储全局变量、setglobaDataTo获取全局变量,主要对app.globalData中的全局变量如登录状态进行存、取等操作。
当跨容器更新时更新页面监听的数据如登录状态发生变更时,通过自行封装的发布订阅者模式eventBus方法eventBus.$emit()来发送状态或数据变化信号,然后在特定页面可通过eventBus.on()实时监控关心的数据如登录状态发生的变化,从而自行控制本地数据的更新并刷新页面。
本实施例中的页面更新方法采用页面生命周期结合订阅模式eventBus解决原生与H5离线包数据同步的问题,精准通知,可以解决传统页面更新方法在页面更新时不必要的资源问题。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的页面更新方法的页面更新装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个页面更新装置实施例中的具体限定可以参见上文中对于页面更新方法的限定,在此不再赘述。
在一个实施例中,如图8所示,提供了一种页面更新装置800,包括:响应模块801、监听模块802、数据获取模块803和页面更新模块804,其中:
响应模块801,用于响应页面更新操作,确定页面更新操作的更新类型。
监听模块802,用于监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。
数据获取模块803,用于当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,容器可见接口用于实现将目标容器对应的目标更新页面在客户端进行显示。
页面更新模块804,用于根据页面生成数据生成目标更新页面。
上述页面更新装置,响应页面更新操作,确定页面更新操作的更新类型,监听页面更新操作触发的预设生命周期函数接口,其中,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置。当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,说明用于生成展示页面的容器发生了转换,且需要在客户端将更新的页面进行展示,此时调用预设生命周期函数接口内封装的页面更新方法,从原生页面直接获取目标更新页面的页面生成数据,根据页面生成数据生成目标更新页面,通过预先将页面更新方法封装并设置在预设生命周期函数的接口内,当生命周期函数的对应接口被触发时,即可根据页面更新方法直接获取页面生成数据,无需提前为可能发生的页面更新注册事件,通过容器自身的生命周期函数就可以在实现原生和H5页面数据同步,精确更新页面的同时,节约系统资源,提升了资源使用效率。
在一个实施例中,页面更新装置还包括:
订阅模块,用于根据预先订阅的注册事件,确定页面更新操作是否触发注册事件中的数据变更事件。
数据更新模块,用于若页面更新操作触发数据变更事件,则控制原生页面的页面数据进行更新。
在一个实施例中,页面更新方法包括全局数据获取方法与全局数据存储方法;数据获取模块还用于:调用在预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;调用预设生命周期函数内封装的全局数据存储方法对获取的全局变量数据进行存储,得到目标更新页面的页面生成数据。
在一个实施例中,页面更新装置还包括:
数据清除模块,用于当触发的预设生命周期函数接口为容器销毁接口时,调用预设生命周期函数接口内封装的页面数据清除方法,将目标容器中的数据进行清除。
在一个实施例中,数据获取模块,还用于当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,容器不可见接口用于实现将目标容器对应的目标更新界面对客户端不可见。
页面更新模块,还用于当预设生命周期函数接口中的容器可见接口被重新触发时,根据页面生成数据生成目标更新页面。
上述页面更新装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是页面更新系统,其内部结构图可以如图9所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储更新类型、预设生命周期函数接口、页面更新方法等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种页面更新方法。
本领域技术人员可以理解,图9中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
响应页面更新操作,确定页面更新操作的更新类型;
监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据;容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
根据页面生成数据生成目标更新页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
根据预先订阅的注册事件,确定页面更新操作是否触发注册事件中的数据变更事件;
若页面更新操作触发数据变更事件,则控制原生页面的页面数据进行更新。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
调用在预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用预设生命周期函数内封装的全局数据存储方法对获取的全局变量数据进行存储,得到目标更新页面的页面生成数据。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
当触发的预设生命周期函数接口为容器销毁接口时,调用预设生命周期函数接口内封装的页面数据清除方法,将目标容器中的数据进行清除。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,容器不可见接口用于实现将目标容器对应的目标更新界面对客户端不可见;
当预设生命周期函数接口中的容器可见接口被重新触发时,根据页面生成数据生成目标更新页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
当更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为原生页面预先设置的页面数据更新方法获取页面更新数据;
根据页面更新数据对当前容器的容器页面进行更新,得到目标更新页面。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
响应页面更新操作,确定页面更新操作的更新类型;
监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据;容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
根据页面生成数据生成目标更新页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
根据预先订阅的注册事件,确定页面更新操作是否触发注册事件中的数据变更事件;
若页面更新操作触发数据变更事件,则控制原生页面的页面数据进行更新。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
调用在预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用预设生命周期函数内封装的全局数据存储方法对获取的全局变量数据进行存储,得到目标更新页面的页面生成数据。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当触发的预设生命周期函数接口为容器销毁接口时,调用预设生命周期函数接口内封装的页面数据清除方法,将目标容器中的数据进行清除。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,容器不可见接口用于实现将目标容器对应的目标更新界面对客户端不可见;
当预设生命周期函数接口中的容器可见接口被重新触发时,根据页面生成数据生成目标更新页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为原生页面预先设置的页面数据更新方法获取页面更新数据;
根据页面更新数据对当前容器的容器页面进行更新,得到目标更新页面。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
响应页面更新操作,确定页面更新操作的更新类型;
监听页面更新操作触发的预设生命周期函数接口,预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据;容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
根据页面生成数据生成目标更新页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
根据预先订阅的注册事件,确定页面更新操作是否触发注册事件中的数据变更事件;
若页面更新操作触发数据变更事件,则控制原生页面的页面数据进行更新。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
调用在预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用预设生命周期函数内封装的全局数据存储方法对获取的全局变量数据进行存储,得到目标更新页面的页面生成数据。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当触发的预设生命周期函数接口为容器销毁接口时,调用预设生命周期函数接口内封装的页面数据清除方法,将目标容器中的数据进行清除。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用预设生命周期函数接口内封装的页面更新方法,获取目标更新页面的页面生成数据,容器不可见接口用于实现将目标容器对应的目标更新界面对客户端不可见;
当预设生命周期函数接口中的容器可见接口被重新触发时,根据页面生成数据生成目标更新页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
当更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为原生页面预先设置的页面数据更新方法获取页面更新数据;
根据页面更新数据对当前容器的容器页面进行更新,得到目标更新页面。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random AccessMemory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (13)
1.一种页面更新方法,其特征在于,所述方法包括:
响应页面更新操作,确定所述页面更新操作的更新类型;
监听所述页面更新操作触发的预设生命周期函数接口,所述预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
根据所述页面生成数据生成所述目标更新页面。
2.根据权利要求1所述的方法,其特征在于,在所述调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据步骤之前,还包括:
根据预先订阅的注册事件,确定所述页面更新操作是否触发所述注册事件中的数据变更事件;
若所述页面更新操作触发所述数据变更事件,则控制所述原生页面的页面数据进行更新。
3.根据权利要求1所述的方法,其特征在于,所述页面更新方法包括全局数据获取方法与全局数据存储方法;
调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据,包括:
调用在所述预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用所述预设生命周期函数内封装的全局数据存储方法对获取的所述全局变量数据进行存储,得到所述目标更新页面的页面生成数据。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当触发的预设生命周期函数接口为容器销毁接口时,调用所述预设生命周期函数接口内封装的页面数据清除方法,将所述目标容器中的数据进行清除。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器不可见接口用于实现将所述目标容器对应的目标更新界面对所述客户端不可见;
当所述预设生命周期函数接口中的容器可见接口被重新触发时,根据所述页面生成数据生成所述目标更新页面。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述更新类型为容器内页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用当前容器为所述原生页面预先设置的页面数据更新方法获取页面更新数据;
根据所述页面更新数据对所述当前容器的容器页面进行更新,得到所述目标更新页面。
7.一种页面更新装置,其特征在于,所述装置包括:
响应模块,用于响应页面更新操作,确定所述页面更新操作的更新类型;
监听模块,用于监听所述页面更新操作触发的预设生命周期函数接口,所述预设生命周期函数接口由目标更新页面对应的目标容器预先为原生页面设置;
数据获取模块,用于当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器可见接口用于实现将所述目标容器对应的目标更新页面在客户端进行显示;
页面更新模块,用于根据所述页面生成数据生成所述目标更新页面。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括:
订阅模块,用于根据预先订阅的注册事件,确定所述页面更新操作是否触发所述注册事件中的数据变更事件;
数据更新模块,用于若所述页面更新操作触发所述数据变更事件,则控制所述原生页面的页面数据进行更新。
9.根据权利要求7所述的装置,其特征在于,所述页面更新方法包括全局数据获取方法与全局数据存储方法;所述数据获取模块还用于:
调用在所述预设生命周期函数内封装的全局数据获取方法对页面更新时的全局变量数据进行获取;
调用所述预设生命周期函数内封装的全局数据存储方法对获取的所述全局变量数据进行存储,得到所述目标更新页面的页面生成数据。
10.根据权利要求7所述的装置,其特征在于,所述装置还包括:
数据清除模块,用于当触发的预设生命周期函数接口为容器销毁接口时,调用所述预设生命周期函数接口内封装的页面数据清除方法,将所述目标容器中的数据进行清除。
11.根据权利要求7所述的装置,其特征在于,所述数据获取模块,还用于当所述更新类型为跨容器页面更新,且触发的预设生命周期函数接口为容器不可见接口时,调用所述预设生命周期函数接口内封装的页面更新方法,获取所述目标更新页面的页面生成数据;所述容器不可见接口用于实现将所述目标容器对应的目标更新界面对所述客户端不可见;
所述页面更新模块,还用于当所述预设生命周期函数接口中的容器可见接口被重新触发时,根据所述页面生成数据生成所述目标更新页面。
12.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310545984.0A CN116257719B (zh) | 2023-05-16 | 2023-05-16 | 页面更新方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310545984.0A CN116257719B (zh) | 2023-05-16 | 2023-05-16 | 页面更新方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116257719A true CN116257719A (zh) | 2023-06-13 |
CN116257719B CN116257719B (zh) | 2023-07-21 |
Family
ID=86686534
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310545984.0A Active CN116257719B (zh) | 2023-05-16 | 2023-05-16 | 页面更新方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116257719B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050138136A1 (en) * | 2003-12-18 | 2005-06-23 | International Business Machines Corporation | Method, system and program products for updating event data on a page using code understood natively by a browser |
WO2015023997A1 (en) * | 2013-08-16 | 2015-02-19 | Papandrea John | Personalized patient experience system |
US20190043071A1 (en) * | 2017-08-04 | 2019-02-07 | Truecar, Inc. | Method and system for selection, filtering or presentation of available sales outlets in a distributed networked computing environment using spatial and geography based metrics |
CN109634654A (zh) * | 2018-12-04 | 2019-04-16 | 北京马上慧科技术有限公司 | 一种页面封装方法、装置、系统、计算机设备和存储介质 |
WO2020019458A1 (zh) * | 2018-07-27 | 2020-01-30 | 平安科技(深圳)有限公司 | 混合应用的页面切换方法、框架、计算机设备及存储介质 |
US20210109981A1 (en) * | 2019-10-15 | 2021-04-15 | Stackbit Inc | Automating mapping between content schema and rendered pages |
CN113157363A (zh) * | 2021-03-23 | 2021-07-23 | 广州宸祺出行科技有限公司 | 一种小程序状态管理库的页面管理方法和系统 |
CN114077423A (zh) * | 2021-10-18 | 2022-02-22 | 青岛民航凯亚系统集成有限公司 | 基于移动跨平台的机场app开发容器架构 |
WO2022048316A1 (zh) * | 2020-09-01 | 2022-03-10 | 北京锐安科技有限公司 | 前端页面设计方法、装置、存储介质及设备 |
CN115982491A (zh) * | 2023-03-20 | 2023-04-18 | 建信金融科技有限责任公司 | 页面更新方法及装置、电子设备和计算机可读存储介质 |
-
2023
- 2023-05-16 CN CN202310545984.0A patent/CN116257719B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050138136A1 (en) * | 2003-12-18 | 2005-06-23 | International Business Machines Corporation | Method, system and program products for updating event data on a page using code understood natively by a browser |
WO2015023997A1 (en) * | 2013-08-16 | 2015-02-19 | Papandrea John | Personalized patient experience system |
US20190043071A1 (en) * | 2017-08-04 | 2019-02-07 | Truecar, Inc. | Method and system for selection, filtering or presentation of available sales outlets in a distributed networked computing environment using spatial and geography based metrics |
WO2020019458A1 (zh) * | 2018-07-27 | 2020-01-30 | 平安科技(深圳)有限公司 | 混合应用的页面切换方法、框架、计算机设备及存储介质 |
CN109634654A (zh) * | 2018-12-04 | 2019-04-16 | 北京马上慧科技术有限公司 | 一种页面封装方法、装置、系统、计算机设备和存储介质 |
US20210109981A1 (en) * | 2019-10-15 | 2021-04-15 | Stackbit Inc | Automating mapping between content schema and rendered pages |
WO2022048316A1 (zh) * | 2020-09-01 | 2022-03-10 | 北京锐安科技有限公司 | 前端页面设计方法、装置、存储介质及设备 |
CN113157363A (zh) * | 2021-03-23 | 2021-07-23 | 广州宸祺出行科技有限公司 | 一种小程序状态管理库的页面管理方法和系统 |
CN114077423A (zh) * | 2021-10-18 | 2022-02-22 | 青岛民航凯亚系统集成有限公司 | 基于移动跨平台的机场app开发容器架构 |
CN115982491A (zh) * | 2023-03-20 | 2023-04-18 | 建信金融科技有限责任公司 | 页面更新方法及装置、电子设备和计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
戴志诚;程劲草;: "基于虚拟DOM的Web前端性能优化研究", 计算机应用与软件, no. 12 * |
Also Published As
Publication number | Publication date |
---|---|
CN116257719B (zh) | 2023-07-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10996878B2 (en) | Data pipeline architecture for cloud processing of structured and unstructured data | |
US10218803B2 (en) | Integration of cloud services for consumption in cloud applications | |
WO2020052337A1 (zh) | 信息处理方法、装置、存储介质及电子设备 | |
AU2012283812A1 (en) | Method for associating third party content with online document signing | |
US9007239B1 (en) | Reduction of memory consumption | |
CN109697055B (zh) | 生成移动App页面的方法及系统 | |
WO2017107851A1 (zh) | 一种桌面应用组件发布、更新方法及装置 | |
CN113626124B (zh) | 一种用于iFrame微前端架构的组件状态共享方法与装置 | |
CN112486806A (zh) | 一种测试用例执行方法、装置、电子设备和可读存储介质 | |
CN116257719B (zh) | 页面更新方法、装置、计算机设备和存储介质 | |
US9690748B1 (en) | Delivering notifications to background applications | |
CN111447136B (zh) | 消息推送方法、装置、计算机设备和存储介质 | |
CN110673827B (zh) | 基于安卓系统的资源调用方法及装置、电子设备 | |
US20180300189A1 (en) | Hybrid remote controller | |
CN110297945B (zh) | 基于xbrl的数据信息处理方法及系统 | |
CN116821533A (zh) | 页面渲染方法、计算机设备和计算机可读存储介质 | |
CN108804088B (zh) | 协议处理方法和装置 | |
CN116488986A (zh) | 基于事件驱动的消息触达方法、系统及装置、存储介质 | |
CN105867984A (zh) | 在网页中显示任务状态的方法、装置、客户端和移动设备 | |
CN116127219A (zh) | 小程序中页面的展示方法、装置和计算机设备 | |
CN114090083B (zh) | 一种可视化组件配置方法、装置、设备及存储介质 | |
CN112559109A (zh) | 基于组件库的显示界面的生成方法及系统、设备及介质 | |
CN110908745A (zh) | 数据分析展示方法及系统、存储介质、服务器及客户端 | |
CN116112573B (zh) | 终端界面转换方法、装置、设备、存储介质和程序产品 | |
CN114760312B (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 |