[发明专利]一种页面切换的实现方法、装置、存储介质及处理器

说明书

本发明公开了一种页面切换的实现方法及装置，将前端UI框架内置的加载新页面过渡动画的顺序设置为：先加载即将进入的场景页面，再加载背景遮罩，最后加载即将离开的场景页面，并将退出当前页面过渡动画的顺序设置为：先加载即将离开的场景页面，再加载背景遮罩，最后加载即将进入的场景页面，解决了由于前端UI框架内置的过渡动画的顺序导致的页面“快闪”现象，为用户提供了一个流畅的页面切换体验。

技术领域

本发明涉及计算机技术领域，更具体的，涉及一种页面切换的实现方法、装置、存储介质及处理器。

背景技术

对于移动应用来说，由于运行设备尺寸所限，其展示的内容和形式通常与PC端有所不同。移动端应用通常会采用基于场景的组织方式，一个场景可以呈现给用户一个页面的内容，场景与场景之间可以通过不同的方式进行切换，比如推拉式、抽屉式、弹框式等。

然而在实际的应用和测试过程中，我们发现前端UI框架，如OnsenUI框架的Vue.jsBinding和React.js Binding在执行场景过渡时会存在一些“快闪”的现象。所谓的“快闪”现象是指在场景开始切换的初期屏幕出现短暂性的画面跳跃现象，这个现象在处理能力比较高的设备上不易被发现，但如果在低处理能力的设备上，这个“快闪”现象就容易被放大，给用户造成一种糟糕的使用体验。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面切换的实现方法、装置、存储介质及处理器。

具体技术方案如下：

一种页面切换的实现方法，包括：

将前端UI框架内置的加载新页面过渡动画的顺序设置为：先加载即将进入的场景页面，再加载背景遮罩，最后加载即将离开的场景页面。

可选的，所述方法还包括：

将前端UI框架内置的退出当前页面过渡动画的顺序设置为：先加载即将离开的场景页面，再加载背景遮罩，最后加载即将进入的场景页面。

可选的，所述方法还包括：

在定义页面结构时，在将页面加载到文档对象模型树时的页面样式设置为隐藏。

可选的，所述方法还包括：

在页面切换组件中将页面加载到文档对象模型树时的页面样式设置为隐藏，生成自定义页面切换组件；

在定义页面结构时，导入所述自定义页面切换组件，使将页面加载到文档对象模型树时页面样式为隐藏。

一种页面切换的实现装置，包括：

第一设置单元，用于将前端UI框架内置的加载新页面过渡动画的顺序设置为：先加载即将进入的场景页面，再加载背景遮罩，最后加载即将离开的场景页面。

可选的，所述装置还包括：

第二设置单元，用于将前端UI框架内置的退出当前页面过渡动画的顺序设置为：先加载即将离开的场景页面，再加载背景遮罩，最后加载即将进入的场景页面。

可选的，所述装置还包括：

第三设置单元，用于在定义页面结构时，在将页面加载到文档对象模型树时的页面样式设置为隐藏。

可选的，所述装置还包括：

生成单元，用于在页面切换组件中将页面加载到文档对象模型树时的页面样式设置为隐藏，生成自定义页面切换组件；

导入单元，用于在定义页面结构时，导入所述自定义页面切换组件，使将页面加载到文档对象模型树时页面样式为隐藏。

一种存储介质，所述存储介质包括存储的程序，