[发明专利]一种智能页面缓存方法、系统及可读存储介质

说明书

本发明提供一种智能页面缓存方法、系统及可读存储介质。智能页面缓存方法包括：创建支持页面缓存的前端页面；监听以及记录路由页面实例信息；当监听到要跳转到A页面的时候，查找是否已经存在A页面的信息，如果A页面的信息不存在，则新建A页面实例并跳转；如果A页面的信息存在，则将A页面到当前展示的页面信息进行销毁，并跳转到原来的A页面。本方法让移动前端页面在该创建的时候创建，该缓存的时候缓存，解决影响用户体验以及性能的关键页面缓存问题，可以提升用户体验的同时，减少系统内存占用，提升程序运行效率。

技术领域

本发明涉及移动互联网技术领域，尤其是涉及一种智能页面缓存方法、系统及可读存储介质。

背景技术

目前，前端页面开发一般都使用第三方框架，而Vue是一套构建前端页面的渐进式框架，能够很方便开发出合适的前端页面，VueRouter(前端路由系统)是基于Vue的页面路由框架，通过配置能够实现页面的跳转、传参等功能。VueRouter可以通过配置keepAlive(缓存组件及其配置)来支持页面是否缓存。

公开号为CN112905939A公开了一种人工智能技术领域，揭示了一种HTML5页面资源的加载方法、装置、设备及存储介质，其中方法包括：采用点击行为预测模型对历史访问行为数据进行点击行为预测并获取从服务端获取H5资源更新本地缓存；响应页面加载请求，当在本地缓存中待加载的页面标识对应的H5资源是与在所述服务端相同时将本地缓存中待加载的页面标识对应的H5资源作为待加载的H5资源，否则根据待加载的页面标识从服务端获取H5资源作为待加载的H5资源；响应页面加载请求，根据待加载的页面标识和点击行为预测结果进行预设点击级数页面展开预测并更新本地缓存；根据待加载的H5资源进行页面的加载及渲染得到目标H5页面。

现有技术的缺点：

在不支持页面缓存的情况下，页面由：A-B，再从B返回A的情况下，A页面会重新创建并刷新，体验极其不好；在通过配置keepAlive支持页面缓存的情况下，多次返回再进入同一个页面会出现页面还是之前的，页面不会再次更新的情况，数据和状态维护比较困难。

通过beforeRouteEnter和beforeRouteLeave钩子函数，可以实现部分本发明的效果，但是会比较复杂，而且还会有一些未知的问题，基本无法满足需求。

beforeRouteEnter和beforeRouteLeave大致是通过监听页面进入和退出的时候修改当前页面的元数据meta中的keepAlive的值来修改下次进入当前页面的时候，页面是否支持缓存。而且页面是否支持缓存生效是在进入页面的时候设置才会生效。那么问题就是：A-B-C，进入C页面的时候C页面到底是应该缓存还是应该不缓存，如果C页面缓存了，那么从C页面返回后再次进入C页面，C页面的数据和状态就不会发生变化，C页面不缓存，那么从C页面进入D页面后C页面就会销毁，再返回C页面后C页面会重新创建，非常影响用户体验，且存在关键页面缓存问题。

发明内容

本发明的目的在于提供一种智能页面缓存方法、系统及可读存储介质，以解决现有技术中存在的技术问题。

本发明的第一方面提供了一种智能页面缓存方法包括：

S1：创建支持页面缓存的前端页面；

S2：监听以及记录路由页面实例信息；

S3：当监听到要跳转到A页面的时候，查找是否已经存在A页面的信息，如果A页面的信息不存在，则新建A页面实例并跳转；如果A页面的信息存在，则将A页面到当前展示的页面信息进行销毁，并跳转到原来的A页面。

在一些实施例中，所述支持页面缓存的前端页面为基于VueRouter支持页面缓存。

在一些实施例中，所述基于VueRouter支持页面缓存的配置项KeepAlive默认设置为true。