[发明专利]适用于前端路由的页面数据处理方法及装置、存储介质

说明书

本发明实施例公开一种适用于前端路由的页面数据处理方法及装置、存储介质，其中方法包括如下步骤：设计一个前端路由位置滚动保存恢复类，在页面加载渲染完毕时，开始监听页面滚动，进而记录当前页面的滚动位置，当进入下一个页面，开始记录下一个页面的位置，以此类推，当返回页面时，若缓存中存在此路由页面的位置信息，给与自动恢复。采用本发明，可以支持前端路由的页面滚动位置记录保存，使用户在进行页面返回操作时可以立即到达之前的位置，提升用户体验。

技术领域

本发明涉及计算机技术领域，尤其涉及一种适用于前端路由的页面数据处理方法及装置、存储介质。

背景技术

Web单页应用页面滚动位置记录与恢复装置。随着web技术的发展，单页复杂应用(SPA)逐渐增多，在页面跳转的实现上，逐渐由传统的服务端路由跳转变为通过前端路由技术来控制页面的跳转，但带来的问题是，浏览器并不支持前端路由的页面滚动位置记录保存，造成用户返回页面无法立即到达之前的位置，体验极差。

发明内容

本发明实施例提供一种适用于前端路由的页面数据处理方法及装置、存储介质，通过一个前端路由位置滚动保存恢复类，可以支持前端路由的页面滚动位置记录保存，使用户在进行页面返回操作时可以立即到达之前的位置，提升用户体验。

本发明实施例第一方面提供了一种适用于前端路由的页面数据处理方法，可包括：

设置一保存恢复单元，用于对前端路由中页面滚动位置进行保存；

调用监听线程监听前端路由页面滚动事件，获取当前页面的滚动位置信息；

将滚动位置信息记录在保存恢复单元的缓存对象中。

进一步的，上述方法还包括：

当监听到前端路由页面滚动的页面返回操作时，查询缓存对象中是否存在滚动位置信息；

若在缓存对象中查询到滚动位置信息，基于滚动位置信息恢复页面返回操作对应的页面。

进一步的，上述方法还包括：

采用resume方法查询缓存对象中是否存在滚动位置信息。

进一步的，上述将滚动位置信息记录在保存恢复单元的缓存对象中，包括：

提取页面滚动事件的当前路由和当前页面的页面参数；

在缓存对象中，以当前路由和页面参数为key，滚动位置信息为值进行存储。

进一步的，上述保存恢复单元为保存恢复类。

本发明实施例第二方面提供了一种适用于前端路由的页面数据处理装置，可包括：

保存设置模块，用于设置一保存恢复单元，用于对前端路由中页面滚动位置进行保存；

滚动位置获取模块，用于调用监听线程监听前端路由页面滚动事件，获取当前页面的滚动位置信息；

位置信息保存模块，用于将滚动位置信息记录在保存恢复单元的缓存对象中。

进一步的，上述装置还包括：

位置查询模块，用于当监听到前端路由页面滚动的页面返回操作时，查询缓存对象中是否存在滚动位置信息；

页面返回模块，用于若在缓存对象中查询到滚动位置信息，基于滚动位置信息恢复页面返回操作对应的页面。

进一步的，上述位置查询模块，具体用于采用resume方法查询缓存对象中是否存在滚动位置信息。

进一步的，上述位置信息保存模块包括：

数据提取单元，用于提取页面滚动事件的当前路由和当前页面的页面参数；