页面数据的处理方法、装置、电子设备和存储介质与流程

文档序号:35037945发布日期:2023-08-05 21:52阅读:37来源:国知局
页面数据的处理方法、装置、电子设备和存储介质与流程

本发明涉及计算机,尤其涉及一种页面数据的处理方法、装置、电子设备和存储介质。


背景技术:

1、在小程序等应用中,通常将多张图片在页面中以轮播的方式显示,用于向用户展示物品或活动等的详情信息,如可以基于用户滑动操作依次在页面显示每张图片,从而实现多张图片轮播。同时,为了便于用户的后续操作,可以在显示至多张图片的某张图片时通过用户的滑动操作触发页面自动跳转,以执行后续页面的自定义函数。相关技术中,可以先在轮播的某张图片添加遮罩,并在遮罩上绑定滑动事件,然后在页面显示到该图片时,通过滑动事件不断监听用户滑动操作的滑动距离,进而不断将滑动距离与指定距离比较,以来判定是否可以触发页面自动跳转。但是,不断监听用户的滑动距离并与指定距离比较来确定页面是否进行跳转的方式,需要消耗较多内存和cpu(中央处理器,central processingunit),很容易降低小程序的系统性能,甚至导致小程序崩溃。


技术实现思路

1、有鉴于此,本发明实施例提供一种页面数据的处理方法、装置、电子设备和存储介质,能够解决通过不断监听用户的滑动距离并与指定距离比较来确定页面是否进行跳转的方式,需要消耗较多内存和cpu,降低小程序的系统性能,导致程序崩溃的问题。

2、为实现上述目的,根据本发明实施例的一个方面,提供了一种页面数据的处理方法。

3、本发明实施例的一种页面数据的处理方法包括:接收用户对目标页面中当前显示图片的操作信息,以判定是否触发预设的操作开始事件、预设的操作位置变更事件和预设的操作结束事件;

4、响应于所述操作开始事件被触发,获取所述当前显示图片的显示顺序,以基于所述显示顺序更新预设的顺序标记;

5、响应于所述操作位置变更事件被触发,获取所述当前显示图片的操作移动距离,将所述操作移动距离与预设阈值比较,得出比较结果,以更新预设的操作状态标记;

6、响应于所述操作结束事件被触发,获取所述顺序标记和所述操作状态标记,响应于所述顺序标记为第一预设值且所述操作状态标记为第二预设值,调用预设函数并运行,以使所述目标页面进行跳转。

7、在一个实施例中,基于所述显示顺序更新预设的顺序标记,包括:

8、响应于所述显示顺序为目标顺序,将预设的顺序标识更新为第一预设值。

9、在又一个实施例中,获取所述当前显示图片的显示顺序,包括:

10、获取所述当前显示图片的顺序属性值和所述当前显示图片对应图片显示数组的长度,以将所述顺序属性值与所述长度匹配;

11、响应于匹配成功,确定所述显示顺序为目标顺序。

12、在又一个实施例中,获取所述当前显示图片的操作距离,包括:

13、获取所述顺序标记,响应于所述顺序标记为第一预设值,获取所述当前显示图片的操作距离。

14、在又一个实施例中,在获取所述当前显示图片的显示顺序之后,还包括:

15、响应于所述显示顺序为目标顺序,调用预设的文本对象模型,以获取对应的提示信息并显示。

16、在又一个实施例中,更新预设的操作状态标记,包括:

17、响应于所述比较结果为所述操作移动距离大于所述预设阈值,更新所述操作状态标记为第二预设值。

18、在又一个实施例中,调用预设函数并运行之后,所述方法还包括:

19、将所述操作状态标记更新为第三预设值。

20、为实现上述目的,根据本发明实施例的另一方面,提供了一种页面数据的处理装置。

21、本发明实施例的一种页面数据的处理装置包括:接收单元,用于接收用户对目标页面中当前显示图片的操作信息,以判定是否触发预设的操作开始事件、预设的操作位置变更事件和预设的操作结束事件;

22、更新单元,用于响应于所述操作开始事件被触发,获取所述当前显示图片的显示顺序,以基于所述显示顺序更新预设的顺序标记;

23、更新单元,用于响应于所述操作位置变更事件被触发,获取所述当前显示图片的操作移动距离,将所述操作移动距离与预设阈值比较,得出比较结果,以更新预设的操作状态标记;

24、处理单元,用于响应于所述操作结束事件被触发,获取所述顺序标记和所述操作状态标记,响应于所述顺序标记为第一预设值且所述操作状态标记为第二预设值,调用预设函数并运行,以使所述目标页面进行跳转。

25、在一个实施例中,所述更新单元,具体用于:

26、响应于所述显示顺序为目标顺序,将预设的顺序标识更新为第一预设值。

27、在又一个实施例中,所述更新单元,具体用于:

28、获取所述当前显示图片的顺序属性值和所述当前显示图片对应图片显示数组的长度,以将所述顺序属性值与所述长度匹配;

29、响应于匹配成功,确定所述显示顺序为目标顺序。

30、在又一个实施例中,所述更新单元,具体用于:

31、获取所述顺序标记,响应于所述顺序标记为第一预设值,获取所述当前显示图片的操作距离。

32、在又一个实施例中,所述装置还包括:

33、显示单元,用于响应于所述显示顺序为目标顺序,调用预设的文本对象模型,以获取对应的提示信息并显示。

34、在又一个实施例中,所述更新单元,具体用于:

35、响应于所述比较结果为所述操作移动距离大于所述预设阈值,更新所述操作状态标记为第二预设值。

36、在又一个实施例中,所述更新单元,还用于将所述操作状态标记更新为第三预设值。

37、为实现上述目的,根据本发明实施例的再一个方面,提供了一种电子设备。

38、本发明实施例的一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例提供的页面数据的处理方法。

39、为实现上述目的,根据本发明实施例的又一个方面,提供了一种计算机可读介质。

40、本发明实施例的一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明实施例提供的页面数据的处理方法。

41、为实现上述目的,根据本发明实施例的又一个方面,提供了一种计算机程序产品。

42、本发明实施例的一种计算机程序产品,包括计算机程序,所述程序被处理器执行时实现本发明实施例提供的页面数据的处理方法。

43、上述发明中的一个实施例具有如下优点或有益效果:本发明实施例中,预设的操作开始事件、操作位置变更事件和操作结束事件,以及顺序标记和操作状态标记,所以在用户对页面中当前显示的图片进行操作时,可以基于操作信息来判定是否触发上述事件,进而通过触发操作开始事件来对顺序标记进行更新,通过触发操作位置变更事件更新操作状态标记,以及通过触发操作结束事件来确定顺序标记和操作状态标记满足一定时,调用预设函数并运行,实现页面的自动跳转。如此本发明实施例中,通过预设的操作开始事件、操作位置变更事件来更新顺序标记和操作状态标记,并通过操作结束事件来基于顺序标记和操作状态标记确定是否进行页面跳转,从而无需不断的监测用户的滑动距离并与距离阈值比较,降低内存和cpu的消耗,提高小程序的系统性能,避免导致小程序崩溃。

44、上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1