vue-pure-admin/static/js/debounce-CRxHdlG-.js

import{d as b,k as h,i as t,w as e,e as a,f as p,h as n,u as l,g as o,Y as i,K as f,L as k}from"./index-DUPTv-nx.js";const v=o("p",{class:"font-medium"},"防抖：debounce",-1),C=o("div",{class:"mb-5"}," 所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 ",-1),w=o("div",{class:"font-medium"},"节流：throttle",-1),g=o("div",{class:"mb-5"}," 所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率。 ",-1),D=b({name:"Debounce",__name:"debounce",setup(x){const s=()=>k("恭喜你，这是一条成功消息",{type:"success"}),u=i(s,1e3,!0),_=i(s,1e3),r=f(s);return(B,N)=>{const m=a("el-link"),c=a("el-button"),d=a("el-card");return p(),h("div",null,[t(d,{class:"mb-5",shadow:"never"},{header:e(()=>[v,t(m,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/debounce.vue",target:"_blank"},{default:e(()=>[n(" 代码位置 src/views/able/debounce.vue ")]),_:1})]),default:e(()=>[C,t(c,{onClick:l(u)},{default:e(()=>[n(" 连续点击我，只会执行第一次点击事件，立即执行 ")]),_:1},8,["onClick"]),t(c,{onClick:l(_)},{default:e(()=>[n(" 连续点击我，只会执行最后一次点击事件，延后执行 ")]),_:1},8,["onClick"])]),_:1}),t(d,{shadow:"never"},{header:e(()=>[w]),default:e(()=>[g,t(c,{onClick:l(r)},{default:e(()=>[n(" 连续点击我，每一秒只会执行一次点击事件 ")]),_:1},8,["onClick"])]),_:1})])}}});export{D as default};