[发明专利]一种防抖与节流封装方法及系统有效
| 申请号: | 202010265046.1 | 申请日: | 2020-04-07 |
| 公开(公告)号: | CN111460350B | 公开(公告)日: | 2023-06-09 |
| 发明(设计)人: | 张珍妮;李小波 | 申请(专利权)人: | 上海熙菱信息技术有限公司 |
| 主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F9/455 |
| 代理公司: | 上海旭诚知识产权代理有限公司 31220 | 代理人: | 郑立 |
| 地址: | 201203 上海市浦东新区中国(上*** | 国省代码: | 上海;31 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 一种 节流 封装 方法 系统 | ||
1.一种防抖与节流封装方法,其特征在于,所述方法包括以下步骤:
步骤1、通过使用JavaScript,监听特定事件的发生;
步骤2、当监听到特定事件发生时,通过函数防抖和函数节流执行事件处理函数,所述函数防抖可以实现首次立即执行;
所述步骤2中的所述函数防抖包括立即执行选项,以实现首次立即执行事件处理函数;
所述步骤2中的所述函数防抖包括延迟函数,所述延迟函数通过设定定时器,使用缓存的上下文和参数,延迟执行事件处理函数;
所述步骤2中所述函数防抖具体包括以下步骤:
步骤2.1.1判断是否已创建延迟函数,如果没有,创建延迟函数,否则,清空定时器,重新设定延迟函数;
步骤2.1.2判断立即执行选项是否为真,如果为真,调用事件处理函数,否则,缓存上下文和参数,执行延迟函数;
所述步骤2中所述函数节流具体包括以下步骤:
步骤2.2.1使用开始时间、当前时间和延迟时间来计算剩余时间;
步骤2.2.2当剩余时间小于等于零时,执行事件处理函数,否则,在剩余时间后再执行事件处理函数;
步骤2.2.3如果在剩余时间内再次发生特定事件时,重新设定开始时间,转至步骤2.2.1。
2.如权利要求1所述的防抖与节流封装方法,其特征在于,所述步骤1中的所述特定事件包括窗口调整大小、滚动、输入、按钮点击、地图缩放和设置范围中的一种或多种。
3.如权利要求1所述的防抖与节流封装方法,其特征在于,所述方法还包括将所述函数防抖和函数节流进行二次函数封装或函数式组件封装。
4.如权利要求3所述的防抖与节流封装方法,其特征在于,所述函数式组件封装为Vue组件封装或React组件封装。
5.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至4中任一项所述方法的步骤。
6.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至4中任一项所述方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海熙菱信息技术有限公司,未经上海熙菱信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010265046.1/1.html,转载请声明来源钻瓜专利网。





