[发明专利]Tab页面切换方法、电子装置及存储介质

说明书

本发明涉及数据处理技术，提供了一种Tab页面切换方法、电子装置及存储介质。该方法先获取初始页面的窗口宽度，根据窗口宽度计算标签选项的宽度，并根据预设排序规则对标签选项进行排序及渲染。之后，监测标签选项的网络站点及索引序号的指标并将指标存储于对应的容器，当监测到索引序号发生变化时，将当前标签选项切换至目标标签选项的显示页面，并查询容器是否存储有数据，当容器中存储有数据时，获取目标标签选项的网络站点，若与当前标签选项的网络站点相同，将当前标签选项的数据切换至目标标签选项的数据。利用本发明，通过对标签选项的索引序号及网络站点的监测，解决标签选项切换过程中出现页面空白的问题，实现对数据的按需加载。

技术领域

本发明涉及数据处理领域，尤其涉及一种Tab页面切换方法、电子装置及存储介质。

背景技术

随着互联网的高速发展，在满足了大众可用性的基础上，用户体验显得越来越重要。互联网产品中良好的页面切换体验，会带来更高的用户粘性、用户回访率、以及更强的品牌竞争力。

目前，在Tab页面标签切换过程中，因为加载出页面需要时间，进行页面切换的一段时间内会出现页面空白的情况，当遇到业务场景差异化的问题，则需要开发多套组件应对。

发明内容

鉴于以上内容，本发明提供一种Tab页面切换方法、电子装置及存储介质，其目的在于解决tab页面标签选项切换过程中出现页面空白的问题，通过对标签选项的索引序号及网络站点的监测，实现对数据的按需加载。

为实现上述目的，本发明提供一种Tab页面切换方法，该方法包括：

初始化步骤：获取所述Tab页面初始化的窗口宽度，根据所述窗口宽度计算所述标签选项的宽度，并根据预设排序规则对所有标签选项进行排序及渲染；

监测步骤：监测所述所有标签选项的索引序号及网络站点的指标并将所述指标存储于每个标签选项对应的容器；及

切换步骤：当监测到当前标签选项的索引序号发生变化时，将所述当前标签选项的显示页面切换至目标标签选项的显示页面，并查询所述目标标签选项的容器是否存储有目标标签选项的数据，当所述容器中存储有所述数据时，获取所述目标标签选项的网络站点，判断所述网络站点与当前标签选项的网络站点是否相同，当所述网络站点与当前标签选项的网络站点相同时，将当前标签选项的数据切换至目标标签选项的数据。

优选的，所述预设排序规则包括：将处于激活状态的标签选项自左向右排序，将处于未激活状态的标签选项隐藏在所述窗口两侧。

优选的，所述网络站点包括网站编号及网站名称，所述索引序号包括标签选项的索引序号及该标签选项子菜单的索引序号。

优选的，所述当监测到当前标签选项的索引序号发生变化时之后，还包括：利用预设算法计算所有标签选项到所述窗口的距离；所述将所述当前标签选项的显示页面切换至目标标签选项的显示页面具体包括：根据所述距离将所述目标标签选项的显示页面移动至所述窗口。

优选的，所述切换步骤还包括：当所述目标标签选项的容器未存储该标签选项的数据时，触发网络请求加载所述数据。

为实现上述目的，本发明还提供一种电子装置，该电子装置包括：存储器及处理器，其特征在于，所述存储器上存储Tab页面切换程序，所述Tab页面切换程序被所述处理器执行，实现如下步骤：

初始化步骤：获取所述Tab页面初始化的窗口宽度，根据所述窗口宽度计算所述标签选项的宽度，并根据预设排序规则对所有标签选项进行排序及渲染；

监测步骤：监测所述所有标签选项的索引序号及网络站点的指标并将所述指标存储于每个标签选项对应的容器；及