页面热更新方法、装置、设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114995859A(43)申请公布日2022.09.02(21)申请号202210753752.X(22)申请日2022.06.29(71)申请人深圳前海微众银行股份有限公司地址518027广东省深圳市前海深港合作区前湾一路1号A栋201室(72)发明人方启涵梁沛聪李琪(74)专利代理机构北京同立钧成知识产权代理有限公司11205专利代理师臧建明刘芳(51)Int.Cl.G06F8/65(2018.01)G06F9/451(2018.01)权利要求书2页说明书16页附图7页(54)发明名称页面热更新方法、装置、设备及存储介质(57)摘要本申请提供一种页面热更新方法、装置、设备及存储介质，该方法包括：终端设备通过获取配置信息，根据待渲染页面的目标路由、预先建立的虚拟DOM的目标标签和目标样式类名，判断是否能够从配置信息中获取目标路由、目标标签和目标样式类名对应的目标子配置信息，在能够获取目标子配置信息时，根据目标子配置信息对虚拟DOM进行配置，获取配置后的虚拟DOM，并根据配置后的虚拟DOM对待渲染页面进行渲染。通过对虚拟DOM进行配置，并将配置后的虚拟DOM直接渲染到页面中，代替了现有技术组中先渲染页面后再触发真实DOM修改的方式，提高了页面热更新效率，解决了应用程序在热更新时存在的应用卡顿、白屏时间较长的问题。CN114995859ACN114995859A权利要求书1/2页1.一种页面热更新方法，其特征在于，包括：获取配置信息，所述配置信息用于对目标应用程序中的待渲染页面进行热更新；根据所述待渲染页面的目标路由、预先建立的虚拟应用文档对象模型DOM的目标标签和目标样式类名，判断是否能够从所述配置信息中获取目标路由、目标标签和目标样式类名对应的目标子配置信息；在能够获取目标子配置信息时，根据所述目标子配置信息对所述虚拟DOM进行配置，获取配置后的虚拟DOM；根据所述配置后的虚拟DOM对所述待渲染页面进行渲染。2.根据权利要求1所述的方法，其特征在于，所述获取配置信息，包括：从服务器获取初始配置信息；根据所述初始配置信息中的路由、标签、样式类名以及样式属性值四者的对应关系，将所述路由作为第一层子节点、将所述标签作为第二层子节点、将所述样式类名作为第三层子节点、将所述样式属性值作为第四层子节点，对所述初始配置信息进行树状结构处理，获取所述配置信息。3.根据权利要求2所述的方法，其特征在于，所述根据所述待渲染页面的目标路由、预先建立的虚拟DOM的目标标签和目标样式类名，判断是否能够从所述配置信息中获取目标路由、目标标签和目标样式类名对应的目标子配置信息，包括：根据所述目标路由、所述目标标签以及所述目标样式类名，依次遍历所述配置信息中的第一层子节点、第二层子节点以及第三层子节点，判断是否存在所述目标路由、所述目标标签以及所述目标样式类名对应的目标样式属性值，所述目标子配置信息包括目标路由、目标标签、目标样式类名以及目标样式属性值。4.根据权利要求2或3所述的方法，其特征在于，所述从服务器获取初始配置信息之前，所述方法还包括：向所述服务器发送异步请求，所述异步请求用于获取所述初始配置信息；根据所述目标应用程序中预先加载的预设插件，注册纯函数组件，所述预设插件用于检测是否接收到所述服务器返回的所述初始配置信息；根据所述纯函数组件的类型以及所述纯函数组件的上下文信息，创建所述虚拟DOM。5.根据权利要求4所述的方法，其特征在于，所述根据所述目标子配置信息对所述虚拟DOM进行配置，获取配置后的虚拟DOM，包括：根据所述目标子配置信息，对所述虚拟DOM的上下文信息进行配置，获取所述配置后的虚拟DOM。6.根据权利要求1至3任一项所述的方法，其特征在于，在所述获取配置信息之后，所述方法还包括：获取所述待渲染页面的页面统一资源定位系统URL与基础域名；根据所述URL与所述基础域名，确定所述待渲染页面的目标路由。7.根据权利要求1所述的方法，其特征在于，在所述根据所述待渲染页面的目标路由、预先建立的虚拟DOM的目标标签和目标样式类名，判断是否能够从所述配置信息中获取目标路由、目标标签和目标样式类名对应的目标子配置信息之后，所述方法还包括：在不能获取所述目标子配置信息时，根据所述虚拟DOM对所述待渲染页面进行渲染。2CN114995859A权利要求书2/2页8.一种页面热更新装置，其特征在于，包括：获取模块，用于获取配置信息，所述配置信息用于对目标应用程序中的待渲染页面进行热更新；处理模块，用于根据所述待渲染页面的目标路由、预先建立的虚拟应用文档对象模型DOM的目标标签和目标样式类名，判断是否能够从所述配置信息中获取目标路由、目标标签和目标样式类名对应的目标子配置信息；所述获取模块，还