[发明专利]一种元素轮播方法、装置、设备及介质

说明书

本申请适用于计算机技术领域，提供了一种元素轮播方法、装置、设备及计算机可读介质，其中，一种元素轮播方法，响应于对页面文件进行加载的指令，渲染页面中的N个轮播空间，确定将在每个所述轮播空间中进行轮播的轮播元素集合，根据所述轮播元素集合在所述轮播空间中的轮播轨迹，确定所述轮播元素在所述轮播轨迹中的多个索引位置，在索引位置中确定激活展示位，然后基于每个索引位置的顺序，在所述轮播空间中对所述轮播元素进行轮播操作。本申请实施例提供的元素轮播方法，以确定好的索引位置的数据来对轮播视图的轮转进行驱动，不需要频繁地操作DOM，减少了浏览器页面重绘重排，使元素轮播过程更加流畅，提高了用户观感体验。

技术领域

本发明涉及计算机技术领域，特别涉及一种元素轮播方法、装置、设备及介质。

背景技术

轮播组件是业务系统中非常重要的展示交互组件，它罗列了网页中最需要引起关注的信息，通过仿真切换、自动轮播、绚丽的用户界面(User Interface，UI)等方式引导用户进行操作，以达到宣传、引流等的目的，是网页中最有效的信息传递方式之一。

现有的轮播组件在进行轮播时，多是通过操作文档对象模型(Document ObjectModel，DOM)结构或是改变DOM元素的位置来改变轮播内容的位置，达到切换的效果。在切换的过程中为了实现3D的效果，现有的轮播组件多是通过改变DOM元素的宽高值，利用人类肉眼对近大远小的感知来模拟一个3D的效果，但是在这样频繁地操作DOM结构、改变DOM元素的位置及大小，会大量的引起浏览器的页面的重绘重排，从而造成系统资源的大量消耗，还会引发元素的模糊或位置偏移，给用户带来不佳的体验。

发明内容

有鉴于此，本申请实施例提供了一种元素轮播方法、装置、设备及介质，以解决现有技术在进行元素轮播时用户体检不佳的问题。

本申请实施例一方面提供一种元素轮播方法，包括：

响应于对页面文件进行加载的指令，渲染页面中的N个轮播空间；其中，所述页面文件为服务器根据页面请求返回的文件；N为大于0的整数；

确定将在每个所述轮播空间中进行轮播的轮播元素集合；其中，所述轮播元素集合包括至少两个轮播元素；

根据所述轮播元素集合在所述轮播空间中的轮播轨迹，确定所述轮播元素在所述轮播轨迹中的多个索引位置；

基于每个索引位置的顺序，在所述轮播空间中对所述轮播元素进行轮播操作。

本申请实施例第二方面提供了一种元素轮播装置，包括：

轮播空间渲染模块，用于响应于对页面文件进行加载的指令，渲染页面中的N个轮播空间；其中，所述页面文件为服务器根据页面请求返回的文件；N为大于0的整数；

轮播元素确定模块，用于确定将在每个所述轮播空间中进行轮播的轮播元素集合；其中，所述轮播元素集合包括至少两个轮播元素；

索引位置确定模块，用于根据所述轮播元素集合在所述轮播空间中的轮播轨迹，确定所述轮播元素在所述轮播轨迹中的多个索引位置；

轮播执行模块，基于每个索引位置的顺序，在所述轮播空间中对所述轮播元素进行轮播操作。

本申请实施例第三方面提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现第一方案提供的元素轮播方法。

本申请实施例第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现第一方案提供的所述的元素轮播方法。

实施本申请实施例提供的一种元素轮播方法、装置、设备及计算机可读存储介质具有以下有益效果：