(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210447093.7 (22)申请日 2022.04.26 (71)申请人 青岛海尔科技有限公司 地址 266101 山东省青岛市崂山区海尔路1 号海尔工业园 申请人 海尔智家 股份有限公司 (72)发明人 肖飞扬　 (74)专利代理 机构 北京康信知识产权代理有限 责任公司 1 1240 专利代理师 刘旺贵 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/50(2006.01) (54)发明名称 页面的渲 染方法和装置、 存储介质及电子装 置 (57)摘要 本申请公开了一种 页面的渲染方法和装置、 存储介质及电子装置， 涉及智 能家居领域， 方法 包括： 在显示页面接收到目标对象对第一滚动列 表的操作事件的情况下， 获取所述操作事件对应 的操作属性； 根据所述操作属性从存储区域中获 取所述显示页面的目标待渲染数据， 其中， 其中， 所述存储区域用于指示缓存的所述显示页面的 待渲染数据； 根据所述目标待渲染数据生成用于 响应所述操作事件的第二滚动列表， 并在所述显 示页面上显示所述第二滚动列表。 权利要求书2页 说明书10页 附图3页 CN 115237487 A 2022.10.25 CN 115237487 A 1.一种页面的渲染方法， 其特 征在于， 包括： 在显示页面接收到目标对象对第 一滚动列表的操作事件的情况下， 获取所述操作事件 对应的操作属性； 根据所述操作属性从存储区域中获取所述显示页面的目标待渲染数据， 其中， 其中， 所 述存储区域用于指示缓存的所述显示页面的待渲染数据； 根据所述目标待渲染数据生成用于响应所述操作事件的第 二滚动列表， 并在所述显示 页面上显示所述第二滚动列表。 2.根据权利要求1所述的页面的渲染方法， 其特征在于， 根据所述操作属性从存储区域 中获取所述显示页面的目标待渲染数据， 包括： 在滑动方向指示所述目标对象对第 一滚动列表执行下拉的操作事件的情况下， 在第 一 存储区域中确定所述待渲染数据， 其中， 所述待渲染数据对应的显示高度与滑动高度一 致； 在所述滑动方向指示所述目标对象对第 一滚动列表执行上滑的操作事件的情况下， 在 第二存储区域中确定待渲染数据， 其中， 所述待渲染数据对应的显示高度与所述滑动高度 一致； 其中， 所述存储区域包括： 第 一存储区域和第 二存储区域， 所述第一存储区域用于缓存 在所述显示页面的顶部的待渲染数据， 所述第二存储区域用于缓存在所述显示页面的底部 的待渲染数据， 所述操作属性至少包括： 所述滑动高度和所述滑动方向。 3.根据权利要求2所述的页面的渲染方法， 其特征在于， 在所述显示页面上显示所述第 二滚动列表之后， 所述方法还 包括： 向所述滚动列表对应的数据源发送第二数据请求； 在接收到所述数据源根据所述第 二数据请求发送的第 二更新数据的情况下， 根据 所述 第二更新数据和显示数据更新所述第一存 储区域和第二存 储区域的数据。 4.根据权利要求3所述的页面的渲染方法， 其特征在于， 根据所述第 二更新数据和显示 数据更新所述第一存 储区域和第二存 储区域的数据， 包括： 在所述滑动方向指示所述目标对象对第 一滚动列表执行下拉的操作事件的情况下， 根 据所述第二更新数据更新所述第一存储区域的数据， 以及根据所述显示数据更新所述第二 存储区域的数据； 在所述滑动方向指示所述目标对象对第 一滚动列表执行上滑的操作事件的情况下， 根 据所述第二更新数据更新所述第二存储区域的数据， 以及根据所述显示数据更新第一存储 区域的数据。 5.根据权利要求1所述的页面的渲染方法， 其特征在于， 根据所述操作属性从存储区域 中获取所述显示页面的目标待渲染数据， 包括： 确定所述目标对象对所述第 一滚动列表执行所述操作事件之前， 所述第 一滚动列表的 显示数据在数据显示列 表中的第一高度， 其中， 所述数据显示列 表包括： 所述第一滚动列 表 的显示数据， 所述存 储区域中的数据； 确定所述目标对象对所述第 一滚动列表执行所述操作事件的过程中， 所述操作事件对 应的滑动高度和滑动方向， 其中， 所述操作属性至少包括： 滑动高度和滑动方向； 根据所述第一高度和所述滑动高度确定是否 重组所述数据显示列表； 在确定不重组所述数据显示列表的情况下， 根据 所述滑动高度和滑动方向从所述存储权　利　要　求　书 1/2 页 2 CN 115237487 A 2区域中获取 所述显示页面的目标待渲染数据。 6.根据权利要求5所述的页面的渲染方法， 其特征在于， 根据所述第 一高度和所述滑动 高度确定是否 重组所述数据显示列表之后， 所述方法还 包括： 在确定重组所述数据显示列表的情况下， 向所述滚动列表对应的数据源发送第 一数据 请求； 在接收到所述数据源根据所述第 一数据请求发送的第 一更新数据的情况下， 根据 所述 第一更新数据重组所述数据显示列表。 7.根据权利要求5所述的页面的渲染方法， 其特征在于， 根据所述第 一高度和所述滑动 高度确定是否 重组所述数据显示列表， 至少包括以下之一： 在所述滑动方向指示所述目标对象对第 一滚动列表执行下拉的操作事件的情况下， 确 定所述第一高度和所述滑动高度的差值确定与第一存储区域中的数据在所述数据显示列 表的第二高度的第一大小关系； 在所述第一大小关系指示所述差值小于所述第二高度的情 况下， 确定重组所述数据显示列表； 在所述滑动方向指示所述目标对象对第 一滚动列表执行上滑的操作事件的情况下， 确 定所述第一高度和所述滑动高度的和 值确定与第二存储区域中的数据在所述数据显示列 表的第三高度的第二大小关系； 在所述第二大小关系指示所述和值大于所述第三高度的情 况下， 确定重组所述数据显示列表， 其中， 所述存储区域包括： 第一存储区域和第二存储区 域， 所述第一存储区域用于缓存在所述显示页面的顶部的待渲染数据， 所述第二存储区域 用于缓存在所述显示页面的底部的待渲染数据。 8.一种页面的渲染装置， 其特 征在于， 包括： 第一获取模块， 用于在显示页面接收到目标对象对第一滚动列表的操作事件的情况 下， 获取所述操作事 件对应的操作属性； 第二获取模块， 用于根据所述操作属性从存储区域中获取所述显示页面的目标待渲染 数据， 其中， 其中， 所述存 储区域用于指示缓存的所述显示页面的待渲染数据； 生成模块， 用于根据所述目标待渲染数据生成用于响应所述操作事件的第二滚动列 表， 并在所述显示页面上显示所述第二滚动列表。 9.一种计算机可读的存储介质， 其特征在于， 所述计算机可读的存储介质包括存储的 程序， 其中， 所述 程序运行时执 行上述权利要求1至7任一项中所述的方法。 10.一种电子装置， 包括存储器和 处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处理器被设置为通过所述计算机程序执行所述权利要求1至7任一项中所述的方 法。权　利　要　求　书 2/2 页 3 CN 115237487 A 3