(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210631093.2 (22)申请日 2022.06.06 (71)申请人 上海万物新 生环保科技 集团有限公 司 地址 200433 上海市杨 浦区淞沪路43 3号 1101-1103室 (72)发明人 董海军　吴义良　吕文睿　 (74)专利代理 机构 上海百一领御专利代理事务 所(普通合伙) 31243 专利代理师 邵栋 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) G06F 9/50(2006.01) G06F 16/957(2019.01) (54)发明名称 页面刷新方法、 设备以及计算机可读介质 (57)摘要 本申请实施例提供了一种 页面刷新方法、 设 备以及计算机可读介质， 该方案能够在页面刷新 之前， 获取对应内存中存储的第一页面数据， 并 将第一页面数据存储于缓存中， 而后在页面刷新 时， 清除内存中的页面数据， 从缓存中获取第一 页面数据写入内存中， 以及基于预设接口重新获 取页面所需的第二页面数据， 并将第二页面数据 写入页面内存中， 其中， 第一页面数据即为页面 刷新时不需要重新请求的页面数据， 这部分页面 数据在页面刷新时无需通过接口重新请求获取， 因此能够减少接口请求的数据量， 节约了网络的 传输资源， 并且由于从缓存中读取数据的速度要 高于通过接口重新请求的速度， 从而可以加快页 面刷新的速度， 使得用户体验得到提升 。 权利要求书1页 说明书7页 附图2页 CN 115202778 A 2022.10.18 CN 115202778 A 1.一种页面刷新方法， 其特 征在于， 所述方法包括： 在页面刷新之前， 获取对应内存中存储的第一页面数据， 并将所述第一页面数据存储 于缓存中； 在页面刷新时， 清除所述内存中的页面数据， 从所述缓存中获取所述第一页面数据写 入所述内存中， 以及基于预设接口重新获取所述页面所需的第二页面数据， 并将所述第二 页面数据写入页面所述内存中， 其中， 所述第二页面数据为所述页面中未在页面刷新之前 存储至缓存中的页面数据。 2.根据权利要求1所述的方法， 其特 征在于， 所述方法还 包括： 基于所述内存中的第一页面数据和第二页面数据完成页面的渲染。 3.根据权利要求1所述的方法， 其特征在于， 在获取对应 内存中存储的第 一页面数据之 前， 还包括： 基于预设接口获取所述页面所需的页面数据， 并将所述页面数据写入页面对应的内存 中； 基于所述内存中的页面数据完成页面的渲染。 4.根据权利要求1所述的方法， 其特征在于， 在页面刷新之前， 获取对应内存中存储的 第一页面数据， 并将所述第一页面数据存 储于缓存中， 包括： 当检 测到wind ow .bef oreunload 方法执行时 ， 触发预先 注册的 所述 window.beforeunload方法的回调函数， 以获取对应内存中存储的第一页面数据， 并将所述 第一页面数据存 储于缓存中。 5.根据权利要求1所述的方法， 其特征在于， 在页面刷新时， 清除所述内存中的页面数 据， 从所述缓存中获取 所述第一页面数据写入所述内存中之后， 还 包括： 在所述缓存中删除已被获取的第一页面数据。 6.根据权利要求1至 5中任一项所述的方法， 其特 征在于， 所述缓存为ses sionStorage。 7.根据权利要求1至5中任一项所述的方法， 其特征在于， 将所述第一页面数据存储于 缓存中， 包括： 通过window.sessionStorage.setItem(key,value)方法将所述第一页面数据存储于 缓存中； 从所述缓存中获取 所述第一页面数据写入所述内存中， 包括： 通过window.sessionStorage.getItem(key)方法从所述缓存中获取所述第一页面数 据写入所述内存中。 8.根据权利要求1至 5中任一项所述的方法， 其特 征在于， 所述预设接口为ht tp接口。 9.一种页面刷新设备， 其中， 该设备包括用于存储计算机程序指令的存储器和用于执 行计算机程序指 令的处理器， 其中， 当该计算机程序指 令被该处理器执行时， 触发所述设备 执行权利要求1至8中任一项所述的方法。 10.一种计算机可读介质， 其上存储有计算机程序指令， 所述计算机程序指令可被处理 器执行以实现如权利要求1至8中任一项所述的方法。权　利　要　求　书 1/1 页 2 CN 115202778 A 2页面刷新 方法、 设备以及计算机可 读介质 技术领域 [0001]本申请涉及信息技术领域， 尤其涉及一种页面刷 新方法、 设备以及计算机可读介 质。 背景技术 [0002]在前端开发领域中， 许多的应用程序都是以H5(HyperText  Markup Language  5， 第5代超文本标记语 言)页面的形式开 发的。 H5开 发的特点是所有的页面数据都需要通过接 口调用的方式来 获取， 在进行页面刷新时， 所有的接口都会重新请求页面数据。 但是在实际 场景中， 页面在刷新时可能会有一部分页面数据不需要重新获取， 此时对应的接口仍然会 重新请所有页面数据， 这就导致了网络传输资源的浪费， 并且也会使得页面刷新的速度降 低， 用户体验不佳。 发明内容 [0003]本申请的一个目的是提供一种页面刷 新方法、 设备以及计算机可读介质， 用以解 决现有的页面刷新方式会浪费传输资源、 用户体验不佳的问题。 [0004]为实现上述目的， 本申请实施例提供了一种页面刷新方法， 所述方法包括： [0005]在页面刷新之前， 获取对应内存中存储的第一页面数据， 并将所述第一页面数据 存储于缓存中； [0006]在页面刷新时， 清除所述内存中的页面数据， 从所述缓存中获取所述第一页面数 据写入所述内存中， 以及基于预设接口重新获取所述页面所需的第二页面数据， 并将所述 第二页面数据写入页面所述内存中， 其中， 所述第二页面数据为所述页面中未在页面刷新 之前存储至缓存中的页面数据。 [0007]进一步地， 所述方法还 包括： [0008]基于所述内存中的第一页面数据和第二页面数据完成页面的渲染。 [0009]进一步地， 在获取对应内存中存 储的第一页面数据之前， 还 包括： [0010]基于预设接口获取所述页面所需的页面数据， 并将所述页面数据写入页面对应的 内存中； [0011]基于所述内存中的页面数据完成页面的渲染。 [0012]进一步地， 在页面刷新之前， 获取对应内存中存储的第一页面数据， 并将所述第一 页面数据存 储于缓存中， 包括： [0013]当检测到window .beforeunload方法执行时 ， 触发预先注册的所述 window.beforeunload方法的回调函数， 以获取对应内存中存储的第一页面数据， 并将所述 第一页面数据存 储于缓存中。 [0014]进一步地， 在页面刷新时， 清除所述内存中的页面数据， 从所述缓存中获取所述第 一页面数据写入所述内存中之后， 还 包括： [0015]在所述缓存中删除已被获取的第一页面数据。说　明　书 1/7 页 3 CN 115202778 A 3