当前位置：首页 > news >正文

做旅游网站怎么样pc网站建设和推广

news 2025/8/7 13:38:52

做旅游网站怎么样,pc网站建设和推广,电商外贸有什么平台,陕西网站建设公司电话引言防重复点击，利用装饰器面向切面（AOP）的特性结合闭包，实现节流、防抖和封装权限申请。节流节流是忽略操作，在触发事件时，立即执行目标操作，如果在指定的时间区间内再次触发了事件&…

引言

防重复点击，利用装饰器面向切面（AOP）的特性结合闭包，实现节流、防抖和封装权限申请。

节流

节流是忽略操作，在触发事件时，立即执行目标操作，如果在指定的时间区间内再次触发了事件，则会丢弃该事件不执行，只有超过了指定的时间之后，才会再次触发事件。

添加节流功能，封装修饰器，创建一个 ts 文件：

export function Throttle(period: number): MethodDecorator {return function (target: any,propertyKey: string,descriptor: PropertyDescriptor): PropertyDescriptor {const originalMethod = descriptor.valuelet timeID: number = 0descriptor.value = function (...args: any[]): void {if (timeID === 0) {originalMethod.apply(this, args)timeID = setTimeout(() => {timeID = 0},period)}}return descriptor}
}

使用方式：

// 示例如下，2秒内多次点击只会触发第一次
@Throttle(2000)
onClickTap(name: string) {// consolve.log(name)this.count++
}

防抖

防抖是延时操作，在触发事件时，不立即执行目标操作，而是给出一个延迟的时间，如果在指定的时间区间内再次触发了事件，则重置延时时间，只有当延时时间走完了才会真正执行。

添加防抖功能，封装修饰器，创建一个 ts 文件：

export function Debounce(period: number): MethodDecorator {return function (target: any,propertyKey: string,descriptor: PropertyDescriptor): PropertyDescriptor {const originalMethod = descriptor.valuelet timeID: number = 0descriptor.value = function (...args: any[]): void {if (timeID !== 0) {clearTimeout(timeID)}timeID = setTimeout(() => {originalMethod.apply(this, args)timeID = 0},period)}return descriptor}
}

使用方式：

// 示例如下，2秒内多次点击只会触发最后一次
@Debounce(2000)
onClickTap(name: string) {// consolve.log(name)this.count++
}

扩展，使用修饰器，处理权限申请

直接上代码，创建一个 ts 文件，封装修饰器，实现权限申请的能力。

关键代码如下：

export function Permission(context: common.UIAbilityContext, permissions: Permissions[]
) {return function (target: any,propertyKey: string,descriptor: PropertyDescriptor) {const originalMethod = descriptor.value;descriptor.value = function (...args: any[]) {checkPermission(permissions).then((grantStatusList: abilityAccessCtrl.GrantStatus[]) => {console.log('权限校验结果:', grantStatusList)const allPermissionsGranted =grantStatusList.every(status => status === abilityAccessCtrl.GrantStatus.PERMISSION_GRANTED)if (allPermissionsGranted) {return originalMethod.apply(this, args)}// 如果没有权限，请求权限requestPermission(permissions, context).then(() => {// 获取权限成功后重新调用方法return originalMethod.apply(this, args)}).catch(() => {// 获取权限失败，执行用户注入的处理函数或默认处理逻辑const errorHandler = target.permissionErrorHandler || defaultPermissionErrorHandlererrorHandler()})}).catch((error) => {const errorHandler = target.permissionErrorHandler || defaultPermissionErrorHandlererrorHandler()})}return descriptor}
}

使用方式：

// 在 UI 布局中通过使用修饰器使用
@Permission(getContext(this) as common.UIAbilityContext,['ohos.permission.LOCATION', 'ohos.permission.APPROXIMATELY_LOCATION']
)
onClickTap(name: string) {// 授权成功后，才会进入方法内执行 count++this.count++
}permissionErrorHandler() {FastToast.shortToast('请求权限失败')
}

重点总结

装饰器可以持有当前方法的对象

最后

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。

鸿蒙HarmonyOS Next全套学习资料←点击领取！（安全链接，放心点击）

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！

鸿蒙（HarmonyOS NEXT）最新学习路线