(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210735170.9 (22)申请日 2022.06.27 (71)申请人 平安科技 （深圳） 有限公司 地址 518000 广东省深圳市福田区福田街 道福安社区益田路5033号平 安金融中 心23楼 (72)发明人 蔡慧　 (74)专利代理 机构 深圳市世联合知识产权代理 有限公司 4 4385 专利代理师 刘畅 (51)Int.Cl. G06F 16/958(2019.01) G06F 16/957(2019.01) G06F 9/445(2018.01) G06F 9/451(2018.01)G06F 3/0488(2022.01) (54)发明名称 一种页面显示的方法、 装置、 计算机设备及 存储介质 (57)摘要 本申请公开了一种页面显示的方法、 装置、 计算机设备及存储介质， 属于研发管理技术领 域。 本申请通过加载待渲染页面， 获取待渲染页 面的页面信息， 根据页面信息确定第一待渲染数 据， 在第一时间周期内基于第一待渲染数据创建 第一虚拟DOM树， 在第二时间周期内基于第一虚 拟DOM树对待渲染页面进行渲染， 得到第一显示 页面， 响应用户的触摸操作， 确定第二待渲染数 据， 并创建第二虚拟DOM树， 比对第一虚拟DOM树 和第二虚拟DOM树， 并DOM树差异数据对第一显示 页面进行渲染， 得到第二显示页面。 此外， 本申请 还涉及区块链 技术领域， 本申请中的用户触摸操 作数据可以存储在区块链中。 本申请可以减少页 面渲染时的白屏时间， 避免产生画面卡顿和点击 延迟， 提高用户使用体验。 权利要求书2页 说明书13页 附图4页 CN 114996619 A 2022.09.02 CN 114996619 A 1.一种页面显示的方法， 其特 征在于， 包括： 响应用户的第一触摸操作， 加载待渲染页面； 获取待渲染页面的页面信息， 根据所述页面信息确定第一待渲染数据； 配置第一时间周期， 并在所述第 一时间周期内基于所述第 一待渲染数据创建第 一虚拟 DOM树； 配置第二时间周期， 并在所述第二时间周期内基于所述第一虚拟DOM树对所述待渲染 页面进行渲染， 得到第一显示页面； 响应用户的第二触摸操作， 基于第二触摸操作确定第二待渲染数据， 基于所述第二待 渲染数据创建第二虚拟DOM树； 比对所述第一虚拟DOM树和所述第二虚拟DOM树， 得到DOM树差异数据； 基于所述DOM树差异数据对所述第一显示页面进行渲染， 得到第二显示页面。 2.如权利要求1所述的页面显示的方法， 其特征在于， 所述配置第一时间周期， 并在所 述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树的步骤， 具体包括： 基于预设的定时器延时机制配置所述第一时间周期； 在所述第一时间周期内获取 所述第一待渲染数据对应的原 始配置文件； 对所述原 始配置文件进行解析， 得到所述第一待渲染数据的数据结构和语法结构； 基于所述第一待渲染数据的数据结构和语法结构创建第一虚拟DOM树。 3.如权利要求2所述的页面显示的方法， 其特征在于， 所述对所述原始配置文件进行解 析， 得到所述第一待渲染数据的数据结构和语法结构的步骤， 具体包括： 对所述原 始配置文件进行代码格式转 化， 得到中间配置文件； 解析所述中间配置文件， 获取 所述中间配置文件中的脚本代码； 执行所述中间配置文件中的脚本代码， 得到所述第 一待渲染数据的数据 结构和语法结 构。 4.如权利要求2所述的页面显示的方法， 其特征在于， 所述待渲染页面至少包括一个显 示对象， 所述原始配置文件至少包括一个元素， 所述显示对象与所述元素相互对应， 所述语 法结构表征各个所述元素之 间的逻辑关系， 所述数据结构表征各个所述元素之 间的数理关 系， 所述基于所述第一待渲 染数据的数据结构和语法结构创建第一虚拟DOM树的步骤， 具体 包括： 根据各个所述元 素之间的逻辑关系生成抽象语法树； 将各个所述元 素之间的数理关系赋予至所述抽象语法树， 得到所述第一虚拟DOM树。 5.如权利要求4所述的页面显示的方法， 其特征在于， 所述根据 各个所述元素之间的逻 辑关系生成抽象语法树的步骤， 具体包括： 在预设的初始抽象语法树中确定各个所述元 素对应的树节点； 基于各个所述元素之间的逻辑关系对所述初始抽象语法树中的各个树节点进行逻辑 关系配置， 得到所述抽象语法树。 6.如权利要求1所述的页面显示的方法， 其特征在于， 在所述配置第一时间周期， 并在 所述第一时间周期内基于所述第一待渲染数据创建第一虚拟DOM树的步骤之后， 还 包括： 对所述第一虚拟DOM树进行序列化处 理， 得到序列化配置文件。 7.如权利要求1所述的页面显示的方法， 其特征在于， 所述比对所述第一虚拟DOM树和权　利　要　求　书 1/2 页 2 CN 114996619 A 2所述第二虚拟DOM树， 得到DOM树差异数据的步骤， 具体包括： 遍历所述第一虚拟DOM树的树节点， 得到第一树节点的逻辑关系和第一树节点的节点 属性； 遍历所述第二虚拟DOM树的树节点， 得到第二树节点的逻辑关系和第二树节点的节点 属性； 比对所述第 一树节点的逻辑关系和所述第 二树节点的逻辑关系， 得到逻辑关系差异数 据； 比对所述第 一树节点的节点属性和所述第 二树节点的节点属性， 得到节点属性差异数 据； 组合所述逻辑关系差异数据和节点属性差异数据， 得到所述DOM树差异数据。 8.一种页面显示的装置， 其特 征在于， 包括： 预加载模块， 用于响应用户的第一触摸操作， 加载待渲染页面； 渲染数据获取模块， 用于获取待渲染页面的页面信息， 根据所述页面信息确定第一待 渲染数据； 虚拟DOM树创建模块， 用于配置第一时间周期， 并在所述第一时间周期内基于所述第一 待渲染数据创建第一虚拟DOM树； 第一渲染模块， 用于配置第二时间周期， 并在所述第二时间周期内基于所述第一虚拟 DOM树对所述待渲染页面进行渲染， 得到第一显示页面； 第二渲染模块， 用于响应用户的第二触摸操作， 基于第二触摸操作确定第二待渲染数 据， 基于所述第二待渲染数据创建第二虚拟DOM树； 虚拟DOM树比对模块， 用于比对所述第一虚拟DOM树和所述第二虚拟DOM树， 得到DOM树 差异数据； 第三渲染模块， 用于基于所述DOM树差异数据对所述第一显示页面进行渲染， 得到第二 显示页面。 9.一种计算机设备， 其特征在于， 包括存储器和处理器， 所述存储器中存储有计算机可 读指令， 所述处理器执行所述计算机可读指 令时实现如权利要求 1至7中任一项 所述的页面 显示的方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质上存储有计算机 可读指令， 所述计算机可读指 令被处理器执行时实现如权利要求 1至7中任一项 所述的页面 显示的方法的步骤。权　利　要　求　书 2/2 页 3 CN 114996619 A 3