网页事件防抖方法、装置、服务器及计算机可读存储介质制造方法及图纸

本发明专利技术实施例提供的一种网页事件防抖方法、装置、服务器及计算机可读存储介质，涉及互联网技术领域，该方法包括：接收待防抖事件的多次操作指令；任意两次相邻操作指令的接收时间在预设时间阈值内；获取待防抖事件的事件列表；事件列表中包含拦截事件；拦截事件为事件列表的第一条事件；拦截事件用于拦截除最后一次操作指令外的剩余操作指令；在预设时间阈值内控制执行所述拦截事件。本发明专利技术在实现防抖的过程中，不需要额外编写网页代码，解决了函数防抖带来的可读性不好，入侵性很强的问题，能够简单灵活的实现网页事件的防抖。

Methods, devices, servers and computer readable storage media for web page event anti shake

【技术实现步骤摘要】
网页事件防抖方法、装置、服务器及计算机可读存储介质
本专利技术涉及互联网
，具体而言，涉及一种网页事件防抖方法、装置、服务器及计算机可读存储介质。
技术介绍
随着互联网技术的飞速发展，超文本标记语言HTML(HyperTextMarkupLanguage，简称HTML)页面成为广大用户访问互连网的首先，在网页开发过程中，通常把HTML标记和事件绑定在一起，为用户提供了可供交互的操作反馈。用户在使用网页时，在频繁触发事件的场景中，有些情况可能执行的逻辑比较复杂或者耗时，此时浏览器的处理跟不上触发，就会发生卡顿、假死或者事件堆积，所以防抖就可以一定程度上解决或者缓解这种故障。防抖(debounce)指得是在指定时间内相同的事件被频繁触发的情况下，只有触发的间隔超过指定间隔的时候，事件才会执行，目前实现事件防抖的方式是通过编写防抖函数，但是通过函数防抖需要对开发者原本编写的网页代码进行包裹，可读性不好，入侵性很强。因此，如何提供一种简单、灵活的方式来实现网页事件的防抖效果，是需要解决的问题。
技术实现思路
有鉴于此，本专利技术提供一种网页事件防抖方法、装置、服务器及计算机可读存储介质，用于解决函数防抖带来的可读性不好，入侵性很强的问题。为了实现上述目的，本专利技术实施例采用的技术方案如下：第一方面，本专利技术实施例提供一种网页事件防抖方法，所述方法包括：接收待防抖事件的多次操作指令；任意两次所述相邻操作指令的接收时间在预设时间阈值内；获取所述待防抖事件的事件列表；所述事件列表中包含拦截事件；所述拦截事件为所述事件列表的第一条事件；所述拦截事件用于拦截除最后一次操作指令外的剩余操作指令；在所述预设时间阈值内控制执行所述拦截事件。可选地，在所述获取待防抖事件的事件列表的步骤之前，所述方法还包括：根据预设防抖属性获取包含所述待防抖事件的超文本标记语言HTML标记信息；所述HTML标记信息中包含所述待防抖事件的事件列表。可选地，在所述根据预设防抖属性获取包含所述待防抖事件的超文本标记语言HTML标记信息的步骤之后，所述方法还包括：所述方法还包括：在所述待防抖事件的事件列表中写入所述拦截事件。可选地，所述在所述待防抖事件的事件列表中写入所述拦截事件的步骤，包括：在所述拦截事件的事件内容中写入所述预设时间阈值和拦截信息；所述拦截信息用于指示所述拦截事件拦截除最后一次操作指令外的剩余操作指令。第二方面，本专利技术实施例提供一种网页事件防抖装置，包括：接收模块、获取模块和控制模块；所述接收模块，用于接收待防抖事件的多次操作指令；任意两次相邻所述操作指令的接收时间在预设时间阈值内；所述获取模块，用于获取所述待防抖事件的事件列表；所述事件列表中包含拦截事件；所述拦截事件为所述事件列表的第一条事件；所述拦截事件用于拦截除最后一次操作指令外的剩余操作指令；所述控制模块，用于在所述预设时间阈值内控制执行所述拦截事件。可选地，所述获取模块还用于根据预设的防抖属性获取包含所述待防抖事件的超文本标记语言HTML标记信息；所述HTML标记信息中包含所述待防抖事件的事件列表。可选地，所述网页事件防抖装置还包括写入模块；所述写入模块，用于在所述待防抖事件的事件列表中写入所述拦截事件。可选地，所述写入模块具体用于：在所述拦截事件的事件内容中写入所述预设时间阈值和拦截信息；所述拦截信息用于指示所述拦截事件拦截除最后一次操作指令外的剩余操作指令。第三方面，本专利技术实施例提供一种服务器，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的机器可执行指令，所述处理器可执行所述机器可执行如第一方面所述的网页事件防抖方法。第四方面，本专利技术实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的网页事件防抖方法。与现有技术相比，本专利技术实施例提供的网页事件防抖方法、装置、服务器及计算机可读存储介质，该方法包括：接收待防抖事件的多次操作指令；任意两次相邻操作指令的接收时间在预设时间阈值内；获取待防抖事件的事件列表；事件列表中包含拦截事件；拦截事件为事件列表的第一条事件；拦截事件用于拦截除最后一次操作指令外的剩余操作指令；在预设时间阈值内控制执行所述拦截事件。本方法在实现防抖的过程中，只需要获取待防抖事件的事件列表中的拦截事件，然后通过执行拦截事件来拦截预设时间阈值内的除最后一次操作指令外的剩余操作指令从而实现事件防抖，整个过程不需要额外编写网页代码，解决了函数防抖带来的可读性不好，入侵性很强的问题，能够简单灵活的实现网页事件的防抖。本专利技术实施例的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术实施例了解。本专利技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1为本专利技术实施例提供的一种网页事件防抖方法的示意性流程图；图2为本专利技术实施例提供的另一种网页事件防抖方法的示意性流程图；图3为本专利技术实施例提供的另一种网页事件防抖方法的示意性流程图；图4为本专利技术实施例提供的一种网页事件防抖装置的功能模块图；图5为本专利技术实施例提供的另一种网页事件防抖装置的功能模块图；图6为本专利技术实施例提供的一种服务器的结构框图。图标：40-网页事件防抖装置；401-接收模块；402-获取模块；403-控制模块；404-写入模块；50-服务器；501-通信接口；502-处理器；503-存储器。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。目前，用户在使用网页时，常常会出现频繁触发事件的场景，有些情况可能执行的逻辑比较复杂或者耗时，此时浏览器的处理跟不上触发，就会发生卡顿、假死或者事件堆积，所以防抖(debounce)就可以一定程度上解决或者缓解这种故障。防抖就是在一段时间内重复触发事件，延迟事件处理函数的执行，它并没有减少事件的触发，只是限制了处理函数的执行。常见的需要防抖的场景：鼠标事件(包括拖拽、划过、滚屏等)、键盘事件(包括按下键本文档来自技高网...

【技术保护点】
1.一种网页事件防抖方法，其特征在于，所述方法包括：/n接收待防抖事件的多次操作指令；任意两次相邻所述操作指令的接收时间在预设时间阈值内；/n获取所述待防抖事件的事件列表；所述事件列表中包含拦截事件；所述拦截事件为所述事件列表的第一条事件；所述拦截事件用于拦截除最后一次操作指令外的剩余操作指令；/n在所述预设时间阈值内控制执行所述拦截事件。/n

【技术特征摘要】
1.一种网页事件防抖方法，其特征在于，所述方法包括：
接收待防抖事件的多次操作指令；任意两次相邻所述操作指令的接收时间在预设时间阈值内；
获取所述待防抖事件的事件列表；所述事件列表中包含拦截事件；所述拦截事件为所述事件列表的第一条事件；所述拦截事件用于拦截除最后一次操作指令外的剩余操作指令；
在所述预设时间阈值内控制执行所述拦截事件。


2.根据权利要求1所述的网页事件防抖方法，其特征在于，在所述获取所述待防抖事件的事件列表的步骤之前，所述方法还包括：
根据预设防抖属性获取包含所述待防抖事件的超文本标记语言HTML标记信息；所述HTML标记信息中包含所述待防抖事件的事件列表。


3.根据权利要求2所述的网页事件防抖方法，其特征在于，在所述根据预设防抖属性获取包含所述待防抖事件的超文本标记语言HTML标记信息的步骤之后，所述方法还包括：
在所述待防抖事件的事件列表中写入所述拦截事件。


4.根据权利要求3所述的网页事件防抖方法，其特征在于，所述在所述待防抖事件的事件列表中写入所述拦截事件的步骤，包括：
在所述拦截事件的事件内容中写入所述预设时间阈值和拦截信息；所述拦截信息用于指示所述拦截事件拦截除最后一次操作指令外的剩余操作指令。


5.一种网页事件防抖装置，其特征在于，包括：接收模块、获取模块和控制模块；
所述接收模块，用于接收待防抖事件的多次操作指令；任意两次相...

【专利技术属性】
技术研发人员：李绍朋，
申请(专利权)人：恩亿科北京数据科技有限公司，
类型：发明
国别省市：北京;11