防抖debounce立即防抖和延时防抖(二)

前端小云儿

于 2023-01-28 18:32:55 发布

阅读量397

点赞数

分类专栏： vue知识点以及es6语法使用文章标签： javascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/128780892

版权

vue知识点以及es6语法使用专栏收录该内容

75 篇文章 5 订阅 ¥19.90 ¥199.90

订阅专栏

超级会员免费看

本文深入探讨JavaScript中的防抖(debounce)技术，包括立即防抖和延时防抖的概念，通过实例解析它们的工作原理及如何在实际项目中有效应用，提升性能。

摘要由CSDN通过智能技术生成

<template>
  <div class="text-content">
    立即防抖，延时防抖
    <el-button @click="clickFD1">防抖-- （适用场景）1</el-button>
    <el-button @click="clickFD2">防抖-- （适用场景）2</el-button>
    <el-button @click="clickDL">节流--事件连续不断高频触发场景</el-button>
    {
  { consoleNum }}
  </div>
</template>
<script>
export default {
  name: "Table",
  components: {},
  data() {
    return {
      clickFD1: this.debounceThrottle(this.consoleFun, 3000, "debounce", 1),
      clickFD2: this.debounceThrottle(this.consoleFun, 3000, "debounce", 2),
      clickDL: this.debounceThrottle(this.consoleFun, 3000, &#