防抖

防抖(Debounce)和节流(Throttle)是前端开发中常用的优化技术,用于控制事件触发的频率,提升性能和用户体验。

防抖(Debounce): 防抖是一种技术,通过延迟执行函数来控制事件在短时间内连续触发时的执行次数,使得只有等待一定的间隔时间后,事件最后一次触发后的操作才会执行。简而言之,当事件持续触发时,防抖会等待一段时间后,执行最后一次触发的操作。

应用场景:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1a721d89f9764af3821319ada2a2f0a6

处理搜索框的输入事件,避免每次输入都发送请求,而是等待用户输入完毕后再发送请求。
处理窗口调整事件,避免频繁的重新渲染页面布局。
处理按钮点击事件,避免用户误操作导致重复的请求或页面跳转。
全部评论

相关推荐

JavaScript 中常见的正则表达式修饰符如下:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=33cd35fc65644702a76d37bbae441d8fi(不区分大小写):在匹配时不区分大小写。例如,/hello/i 可以匹配 "hello"、"Hello"、"HELLO" 等。g(全局匹配):匹配字符串中所有符合条件的内容,而不只是第一个匹配项。例如,/test/g 可以匹配字符串中的所有 "test"。m(多行模式):启用多行模式,使 ^ 和 $ 可以匹配每一行的开头和结尾(而不只是整个字符串的开头和结尾)。s(点字符匹配包括换行符在内的所有字符):该修饰符允许点字符 . 匹配包括换行符在内的所有字符。在默认模式下,点字符不能匹配换行符。这个修饰符在 ECMAScript 2018 引入,不是所有的 JavaScript 环境都支持,所以需要注意兼容性。u(Unicode 模式):启用 Unicode 匹配模式,用于处理 Unicode 字符。例如,/\p{Sc}/u 可以匹配任意货币符号。y(粘附修饰符):执行粘附匹配,从上次匹配结束的位置继续匹配。这个修饰符在 ECMAScript 2015 引入,不是所有的 JavaScript 环境都支持,需要注意兼容性。这些修饰符可以和正则表达式一起使用,例如 /pattern/ig 表示一个不区分大小写且全局匹配的正则表达式。请注意,修饰符的使用需要根据具体需求和场景进行选择。有些修饰符是可选的,而有些则会影响匹配的行为。确保了解每个修饰符的含义和影响,并适当地选择和应用它们。
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务