(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210753752.X (22)申请日 2022.06.29 (71)申请人 深圳前海微众 银行股份有限公司 地址 518027 广东省深圳市前海深港合作 区前湾一路1号A栋201室 (72)发明人 方启涵　梁沛聪　李琪　 (74)专利代理 机构 北京同立钧成知识产权代理 有限公司 1 1205 专利代理师 臧建明　刘芳 (51)Int.Cl. G06F 8/65(2018.01) G06F 9/451(2018.01) (54)发明名称 页面热更新方法、 装置、 设备及存 储介质 (57)摘要 本申请提供一种页面热更新方法、 装置、 设 备及存储介质， 该方法包括： 终端设备通过获取 配置信息， 根据待渲染页面的目标路由、 预先建 立的虚拟DOM的目标标签和目标样式类名， 判断 是否能够从配置信息中获取目标路由、 目标标签 和目标样式类名对应的目标子配置信息， 在能够 获取目标子配置信息时， 根据目标子配置信息对 虚拟DOM进行配置， 获取配置后的虚拟DOM， 并根 据配置后的虚拟DOM对待渲染页面进行渲染。 通 过对虚拟DOM进行配置， 并将配置后的虚拟DOM直 接渲染到页面中， 代替了 现有技术组中先渲染页 面后再触发真实DOM修改的方式， 提高了页面热 更新效率， 解决了应用程序在热更新时存在的应 用卡顿、 白屏时间较 长的问题。 权利要求书2页 说明书16页 附图7页 CN 114995859 A 2022.09.02 CN 114995859 A 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对所述待渲染页面进行渲染。权　利　要　求　书 1/2 页 2 CN 114995859 A 28.一种页面热 更新装置， 其特 征在于， 包括： 获取模块， 用于获取配置信息， 所述配置信息用于对目标应用程序中的待渲染页面进 行热更新； 处理模块， 用于根据所述待渲染页面的目标路由、 预先建立的虚拟应用文档对象模型 DOM的目标标签和目标样式类名， 判断是否能够从所述配置信息中获取目标路由、 目标标签 和目标样式类名对应的目标子配置信息； 所述获取模块， 还用于在能够获取目标子配置信息时， 根据所述目标子配置信息对所 述虚拟DOM进行配置， 获取配置后的虚拟DOM； 所述处理模块， 还用于根据所述配置后的虚拟DOM对所述待渲染页面进行渲染。 9.一种终端设备， 包括： 处理器、 存储器及存储在所述存储器上并可在处理器上运行的 计算机程序指令， 其特征在于， 所述处理器执行所述计算机程序指令时用于实现如权利要 求1至7任一项所述的页面热 更新方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 执行指令， 所述计算机执行指 令被处理器执行时用于实现如权利要求 1至7任一项 所述的页 面热更新方法。权　利　要　求　书 2/2 页 3 CN 114995859 A 3