页面缓存跳转方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种页面缓存跳转方法、装置、电子设备及存储介质，该方法应用于渐进式框架中，包括：当接收到页面跳转指令时，获取起始页面的滚动位置信息，并通过路由守卫对跳转函数解析，获取待转移路由对象；将滚动位置信息以及待转移路由对象写入数据存储空间，并缓存及显示跳转函数所对应的转移页面；当接收到页面回退指令时，通过路由守卫对回退函数解析，获取目标路由对象；从数据存储空间中，确定与目标路由对象相对应的待转移路由对象，并获取与待转移路由对象相对应的滚动位置信息；根据滚动位置信息，加载与目标路由对象相对应的起始页面。通过本发明专利技术实施例的技术方案，实现了提高兼容性和保密性，并且提高页面加载速度的效果。度的效果。度的效果。

【技术实现步骤摘要】
页面缓存跳转方法、装置、电子设备及存储介质


[0001]本专利技术实施例涉及互联网
，尤其涉及一种页面缓存跳转方法、装置、电子设备及存储介质。

技术介绍

[0002]浏览器通常是基于前端框架进行页面构建的，当用户浏览前端网页应用时，经常存在滚动浏览及组件切换的场景。如果针对页面的滚动浏览不进行保持，且在页面加载时未进行相应缓存，则会在一定程度上影响用户的体验，并造成前后端的系统压力。因此，需要对滚动行为和页面内容进行保持，以避免重复渲染页面的问题。
[0003]现有技术中，可以通过Vue Router提供的滚动行为控制功能，实现自定义路由切换时的页面滚动记录，但是，由于Vue Router只能在具有history.pushState的浏览器中使用，存在兼容性的问题。采用localStorage、sessionStorage也可以进行滚动行为的记录存储，但是，localStorage和sessionStorage可以通过调试工具查看内容，会造成隐私泄露的问题。

技术实现思路

[0004]本专利技术实施例提供了一种页面本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面缓存跳转方法，其特征在于，应用于渐进式框架中，包括：当接收到页面跳转指令时，获取起始页面的滚动位置信息，并通过路由守卫对跳转函数解析，获取待转移路由对象；将所述滚动位置信息以及所述待转移路由对象写入数据存储空间，并缓存及显示所述跳转函数所对应的转移页面；其中，所述数据存储空间位于内存中；当接收到页面回退指令时，通过所述路由守卫对回退函数解析，获取目标路由对象；从所述数据存储空间中，确定与所述目标路由对象相对应的待转移路由对象，并获取与所述待转移路由对象相对应的滚动位置信息；根据所述滚动位置信息，加载与所述目标路由对象相对应的起始页面。2.根据权利要求1所述的方法，其特征在于，还包括：基于切换保持组件对所述起始页面进行数据缓存。3.根据权利要求1所述的方法，其特征在于，所述通过路由守卫对跳转函数解析，获取待转移路由对象，包括：通过路由守卫对跳转函数进行拦截，并对所述跳转函数中的来源参数进行解析，将所述来源参数所对应的路由对象作为待转移路由对象。4.根据权利要求1所述的方法，其特征在于，所述将所述滚动位置信息以及所述待转移路由对象写入数据存储空间，包括：根据待转移路由对象的路由元信息以及原始路由树对象构建目标路由树对象；将所述目标路由树对象以及所述滚动位置信息写入数据存储空间。5.根据权利要求1所述的方法，其特征在于，所述通过所述路由守卫对回退函数解析，获取目标路由对象，包括：通过所述路由守卫对回退函数进行拦截，并对所述回退函数中的去向参数进行解析，将所述去向参数所对应的路由对象作为目标路由对象。6.根据权利要求1所述的方法，其特征在于，所述从所述数据存储空间中，确定与所述目标路由对象相对应的待转移路由对象，并获取与所述待转移路由对象相对应的滚动位置信息，包括：根...

【专利技术属性】
技术研发人员：童威，王高伟，王天翔，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：