[发明专利]一种基于B/S架构的页面缓存的方法、装置、设备和介质

说明书

本发明公开了一种基于B/S架构的页面缓存的方法，包括：将浏览器访问过的页面保存在dom中作为缓存的页面节点，并将超出数量阈值的需要被缓存的页面保存于浏览器的localStorage中；响应于接收到切换页面的请求且判断待切换到的页面未被缓存，更新为待切换到的页面并判断localStorage的剩余空间是否充足；响应于判断localStorage的剩余空间不足，根据每个页面的权重系数和每个页面的用户访问次数计算每个页面的权重值，根据权重值调整缓存页面列表；删除缓存页面列表中权重值最低的缓存页面，并根据缓存页面列表更新dom中缓存的页面节点和localStorage中的页面的数据。本发明还公开了一种装置、设备和介质。本发明可以在localStorage存储空间不够情况下保留关键dom节点，提升系统流畅性和用户体验效果。

技术领域

本发明涉及通信技术领领域，更具体地，特别是指一种基于B/S架构的页面缓存的方法、装置、设备和介质。

背景技术

B/S(Browser/Server，浏览器/服务器模式)结构利用不断成熟的web(网络)浏览器技术，实现原来需要专用软件才能实现的强大功能，节约了开发成本。随着B/S结构的使用越来越多，特别是需求推动了AJAX(Async Javascript And XML，交互式网页应用开发技术)技术的发展，它的程序也能在客户端电脑上进行部分处理，从而减轻了服务器的负担。但是随着越来越多的前后端交互请求，用户每次点击不同页面都要进行数据更新，尤其是数据量较大的情况下，有可能造成数据显示不及时，用户体验效果不佳。对于此类性能问题，目前较为流行的方法是web前端本地存储，通过本地保存后端数据，减少交互次数，主要存储方式有cookies、sessionStorage、localStorage、webSQL等。Cookies由于存在于前后端的http请求中，而且大小仅为4k，sessionStorage在浏览器页面会话期间可用，会话结束就被删除，因此均不适合持久化存储后端数据。localStorage是永久存储，浏览器关闭后重新打开仍然数据存在，但是为了确保本地数据与服务端数据的一致性，一般需要借助于websocket通信，后端数据变更后向前端发送通知，web端更新本地数据。但是localStorage也有容量上限，一般浏览器默认4M，对于一些大量数据的频繁访问，很有可能导致本地存储空间不够。还有一种较为流行的方法是本地dom(Document Object Model，文件对象模型)缓存页面，即将访问过的页面dom节点保存在dom中，切换页面以后，如果缓存下的页面直接读取缓存dom，这种方式带来的效果就是页面的闪现，速度快，无延迟。但是dom中一般缓存的页面dom节点比较少(一般不会超过5个节点，超过的话后续访问的页面要替换之前缓存的页面)，否则会导致dom的冗余，导致加载dom等操作有压力，所以缓存的页面个数有限。

发明内容

有鉴于此，本发明实施例的目的在于提供一种基于B/S架构的页面缓存方法，localStorage保存dom节点，当超出本地大小限制，利用神经网络相关算法动态调整，更新dom节点，最大限度的发挥前端本地存储的优势，改善用户体验。

基于上述目的，本发明一方面提供了一种基于B/S架构的页面缓存的方法，该方法包括：

将浏览器访问过的页面保存在dom中作为缓存的页面节点，并将超出数量阈值的需要被缓存的页面保存于浏览器的localStorage(局部存储器)中；

响应于接收到切换页面的请求且判断待切换到的页面未被缓存，更新为待切换到的页面并判断localStorage的剩余空间是否充足；

响应于判断localStorage的剩余空间不足，根据每个页面的权重系数和每个页面的用户访问次数计算每个页面的权重值，根据权重值调整缓存页面列表；

删除缓存页面列表中权重值最低的缓存页面，并根据缓存页面列表更新dom中缓存的页面节点和localStorage中的页面的数据。

在本发明的基于B/S架构的页面缓存的方法的一些实施方式中，方法还包括：