[发明专利]基于SPA的视图切换处理方法及装置、设备、存储介质

权利要求书

1.一种基于SPA的视图切换处理方法，其特征在于，用于单页面多视图应用程序，包括：

当通过应用程序在第一页面切换至第二页面时，将所述第二页面的视图附加在容器的元素列表中；

当通过应用程序在第二页面切换至第三页面时，在容器中保留不大于两个DOM视图；

当返回至上一页面即第二页面时，在HTML5中的用于改变网址时不需要刷新页面的接口已记录历史记录堆栈；

当继续返回至上一页面即第一页面时，则在所述历史记录堆栈中不为空。

2.根据权利要求1所述的视图切换处理方法，其特征在于，当通过应用程序在第二页面切换至第三页面时，在容器中保留不大于两个DOM视图包括：

将所述第一页面的视图从容器中删除，同时以非动画形式将在二维平面上水平方向移动元素突变到0％；

将所述第三页面视图插入到第二页面视图的后面，以动画形式将在二维平面上水平方向移动元素平移到-100％。

3.根据权利要求1所述的视图切换处理方法，其特征在于，当返回至上一页面即第二页面时，在HTML5中的用于改变网址时不需要刷新页面的接口已记录历史记录堆栈包括：

当返回至上一页面即第二页面时，在调用HTML5的pushState或者replaceState接口时，已记录了一个历史记录堆。

4.根据权利要求1所述的视图切换处理方法，其特征在于，当返回至上一页面即第二页面时，在HTML5中的用于改变网址时不需要刷新页面的接口已记录历史记录堆栈包括：

当返回至上一页面即第二页面时，以动画形式平移容器到在二维平面上水平方向移动元素到0％，删除所述第三页面视图。

5.根据权利要求1所述的视图切换处理方法，其特征在于，当继续返回至上一页面即第一页面时，则在所述历史记录堆栈中不为空包括：

当继续返回至上一页面即第一页面时，将所述第一页面插入到容器的最开始第二页面的前面，同时将二维平面上水平方向移动元素以非动画形式突变到二维平面上水平方向移动元素-100％；

以动画形式将容器平移二维平面上水平方向移动元素到0％，删除所述第二页面视图。

6.一种基于SPA的视图切换处理装置，其特征在于，用于单页面多视图应用程序，包括：

第一切换模块，用于当通过应用程序在第一页面切换至第二页面时，将所述第二页面的视图附加在容器的元素列表中；

第二切换模块，用于当通过应用程序在第二页面切换至第三页面时，在容器中保留不大于两个DOM视图；

第一返回切换模块，用于当返回至上一页面即第二页面时，在HTML5中的用于改变网址时不需要刷新页面的接口已记录历史记录堆栈；

第二返回切换模块，用于当继续返回至上一页面即第三页面时，则在所述历史记录堆栈中不为空。

7.根据权利要求6所述的视图切换处理装置，其特征在于，所述第二切换模块，用于

将所述第一页面的视图从容器中删除，同时以非动画形式将在二维平面上水平方向移动元素突变到0％；

将所述第三页面视图插入到第二页面视图的后面，以动画形式将在二维平面上水平方向移动元素平移到-100％。

8.根据权利要求6所述的视图切换处理装置，其特征在于，所述第一返回切换模块，用于

当返回至上一页面即第二页面时，以动画形式平移容器到在二维平面上水平方向移动元素到0％，删除所述第三页面视图。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述的基于SPA的视图切换处理方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至5任一项所述的基于SPA的视图切换处理方法的步骤。