[发明专利]页面防抖方法、装置、计算机设备以及存储介质在审
申请号: | 202211128258.0 | 申请日: | 2022-09-16 |
公开(公告)号: | CN115438284A | 公开(公告)日: | 2022-12-06 |
发明(设计)人: | 覃莲;傅强;张舜华 | 申请(专利权)人: | 中国建设银行股份有限公司;建信金融科技有限责任公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958 |
代理公司: | 华进联合专利商标代理有限公司 44224 | 代理人: | 黄恕 |
地址: | 100033 *** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 方法 装置 计算机 设备 以及 存储 介质 | ||
1.一种页面防抖方法,其特征在于,所述方法包括:
响应页面访问事件,识别访问页面;
从项目入口文件中读取预设的防抖指令;
在所述访问页面中注入所述防抖指令;
提取所述防抖指令中携带的防抖参数和防抖函数;
根据所述防抖参数执行防抖函数执行页面防抖。
2.根据权利要求1所述的方法,其特征在于,所述响应页面访问事件,识别访问页面之前,还包括:
自定义初始v-debounce指令;
获取预设防抖参数,将所述预设防抖参数以及防抖函数写入至所述初始v-debounce指令中,得到防抖指令;
将所述防抖指令注册至项目入口文件中。
3.根据权利要求2所述的方法,其特征在于,所述自定义初始v-debounce指令包括:
通过vue.directive方法自定义初始v-debounce指令。
4.根据权利要求2或3所述的方法,其特征在于,所述将所述防抖指令注册至项目入口文件中包括:
将所述防抖指令全局引入至vue项目中mian.js文件。
5.根据权利要求1所述的方法,其特征在于,还包括:
提取绑定所述防抖指令的DOM元素数据信息;
当需执行页面访问时,根据提取的所述DOM元素数据信息执行页面访问。
6.根据权利要求1所述的方法,其特征在于,所述根据所述防抖参数执行防抖函数执行页面防抖包括:
当监听页面被连续访问时,根据所述防抖参数判断是否立即执行、并获取延时时间;
若是立即执行,则执行首次页面访问事件,并延时所述延时时间后再执行页面访问事件;
若不立即执行,则当页面被停止连续访问时,执行页面访问事件。
7.一种页面防抖装置,其特征在于,所述装置包括:
响应模块,用于响应页面访问事件,识别访问页面;
指令读取模块,用于从项目入口文件中读取预设的防抖指令;
指令注入模块,用于在所述访问页面中注入所述防抖指令;
防抖参数提取模块,用于提取所述防抖指令中携带的防抖参数和防抖函数;
防抖模块,用于根据所述防抖参数执行防抖函数执行页面防抖。
8.根据权利要求7所述的装置,其特征在于,还包括指令生成模块,用于自定义初始v-debounce指令;获取预设防抖参数,将所述预设防抖参数以及防抖函数写入至所述初始v-debounce指令中,得到防抖指令;将所述防抖指令注册至项目入口文件中。
9.根据权利要求8所述的装置,其特征在于,所述指令生成模块还用于通过vue.directive方法自定义初始v-debounce指令。
10.根据权利要求8或9所述的装置,其特征在于,所述指令生成模块还用于将所述防抖指令全局引入至vue项目中mian.js文件。
11.根据权利要求7所述的装置,其特征在于,还包括执行模块,用于提取绑定所述防抖指令的DOM元素数据信息;当需执行页面访问时,根据提取的所述DOM元素数据信息执行页面访问。
12.根据权利要求7所述的装置,其特征在于,所述防抖模块还用于当监听页面被连续访问时,根据所述防抖参数判断是否立即执行、并获取延时时间;若是立即执行,则执行首次页面访问事件,并延时所述延时时间后再执行页面访问事件;若不立即执行,则当页面被停止连续访问时,执行页面访问事件。
13.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中国建设银行股份有限公司;建信金融科技有限责任公司,未经中国建设银行股份有限公司;建信金融科技有限责任公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211128258.0/1.html,转载请声明来源钻瓜专利网。