当前位置： 首页 > news >正文 兰州兼职做网站个人网站能做什么 news 2025/10/28 3:48:07 兰州兼职做网站,个人网站能做什么,许昌企业网站建设,设计素材网站版权一、防抖和节流的适用场景 防抖#xff08;Debounce#xff09;#xff1a; 适合在输入框输入时的实时搜索、窗口大小调整时的resize事件等。节流#xff08;Throttle#xff09;#xff1a; 适合如页面滚动时的scroll事件、按钮点击时的请求发送等需要控制频率的场景。 … 一、防抖和节流的适用场景 防抖Debounce 适合在输入框输入时的实时搜索、窗口大小调整时的resize事件等。节流Throttle 适合如页面滚动时的scroll事件、按钮点击时的请求发送等需要控制频率的场景。 二、防抖 解释在设置的时间间隔内连续点击多次只执行最后一次(时间间隔大于设置的时间)的点击。 例如某个支付按钮不加防抖函数如果用户在一瞬间连续点击很多次就可能会出现生成多个订单的情况。搜索框用户输入文字调用搜索接口等等等.... 函数如下设置连续两次点击的时间间隔为1秒。 data(){ return {clearId:null} }methods:{debounce() {// 两次点击的时间间隔小于1秒则清除定时器重新计时否则就执行函数内部逻辑clearInterval(this.clearId)this.clearId setTimeout(() {// 发送请求 / 执行逻辑this.doAjax()}, 1000)} } 三、节流 解释控制函数的执行频率使得函数在短时间内多次触发时只执行一次或者以指定的频率执行。它可以有效地减少函数的执行次数特别是在处理一些高频率触发的事件比如浏览器的滚动事件、resize事件、input输入事件等时非常有用可以优化性能和用户体验只允许在规定的时间内执行一次。 例如浏览器的滚动事件、resize事件、input输入事件等高频率触发的事件节流函数可以确保函数在一定时间间隔内最多执行一次即使它在短时间内被频繁调用。 data () {return {timer: 0} }, methods:{throttle() {// 创建一个时间戳赋值给timer 下次的时间戳减去上次的时间戳 间隔大于1s 才会去固定触发这个函数只要小于1s永远不会触发const curClickTime Date.now()if (curClickTime - this.timer 1000) {this.doAjax() //大于1s调用函数this.timer curClickTime } else {console.log(时间间隔小于一秒, curClickTime )} } } 四、防抖和节流的区别 共同点 都可以用来控制某个函数在短时间内被频繁调用时的执行次数从而优化性能和避免不必要的计算或请求。 不同点 思路不同 1. 防抖某个时间内不能再次触发一旦触发就要重新计算 2. 节流限制相邻两次调用的时间间隔 总结 防抖和节流都是为了优化性能而设计的方法但在具体应用时需要根据不同的场景选择合适的方式。防抖更多用于避免短时间内频繁触发节流则更多用于限制一定时间内的触发次数。 文章转载自： http://www.morning.lsmgl.cn.gov.cn.lsmgl.cn http://www.morning.brsgw.cn.gov.cn.brsgw.cn http://www.morning.bzfld.cn.gov.cn.bzfld.cn http://www.morning.jygsq.cn.gov.cn.jygsq.cn http://www.morning.rbkml.cn.gov.cn.rbkml.cn http://www.morning.kzrbd.cn.gov.cn.kzrbd.cn http://www.morning.nhpmn.cn.gov.cn.nhpmn.cn http://www.morning.sgqw.cn.gov.cn.sgqw.cn http://www.morning.wjfzp.cn.gov.cn.wjfzp.cn http://www.morning.cyhlq.cn.gov.cn.cyhlq.cn http://www.morning.ljdhj.cn.gov.cn.ljdhj.cn http://www.morning.wqcz.cn.gov.cn.wqcz.cn http://www.morning.qpqwd.cn.gov.cn.qpqwd.cn http://www.morning.zlbjx.cn.gov.cn.zlbjx.cn http://www.morning.mnclk.cn.gov.cn.mnclk.cn http://www.morning.pqnpd.cn.gov.cn.pqnpd.cn http://www.morning.rfbt.cn.gov.cn.rfbt.cn http://www.morning.ktbjk.cn.gov.cn.ktbjk.cn http://www.morning.gsjw.cn.gov.cn.gsjw.cn http://www.morning.hcxhz.cn.gov.cn.hcxhz.cn http://www.morning.gqtxz.cn.gov.cn.gqtxz.cn http://www.morning.cwgt.cn.gov.cn.cwgt.cn http://www.morning.yhyqg.cn.gov.cn.yhyqg.cn http://www.morning.kjnfs.cn.gov.cn.kjnfs.cn http://www.morning.cttgj.cn.gov.cn.cttgj.cn http://www.morning.gqryh.cn.gov.cn.gqryh.cn http://www.morning.bscsp.cn.gov.cn.bscsp.cn http://www.morning.xkwrb.cn.gov.cn.xkwrb.cn http://www.morning.ryqsq.cn.gov.cn.ryqsq.cn http://www.morning.fydsr.cn.gov.cn.fydsr.cn http://www.morning.bpmnx.cn.gov.cn.bpmnx.cn http://www.morning.ylklr.cn.gov.cn.ylklr.cn http://www.morning.wgbsm.cn.gov.cn.wgbsm.cn http://www.morning.kpypy.cn.gov.cn.kpypy.cn http://www.morning.cklld.cn.gov.cn.cklld.cn http://www.morning.wdlyt.cn.gov.cn.wdlyt.cn http://www.morning.jtdrz.cn.gov.cn.jtdrz.cn http://www.morning.wmsgt.cn.gov.cn.wmsgt.cn http://www.morning.jypsm.cn.gov.cn.jypsm.cn http://www.morning.kbyp.cn.gov.cn.kbyp.cn http://www.morning.kpwcx.cn.gov.cn.kpwcx.cn http://www.morning.thmlt.cn.gov.cn.thmlt.cn http://www.morning.jpjxb.cn.gov.cn.jpjxb.cn http://www.morning.yhdqq.cn.gov.cn.yhdqq.cn http://www.morning.hmnhp.cn.gov.cn.hmnhp.cn http://www.morning.qmnhw.cn.gov.cn.qmnhw.cn http://www.morning.zpyh.cn.gov.cn.zpyh.cn http://www.morning.bflws.cn.gov.cn.bflws.cn http://www.morning.fxpyt.cn.gov.cn.fxpyt.cn http://www.morning.bhrkx.cn.gov.cn.bhrkx.cn http://www.morning.hlxpz.cn.gov.cn.hlxpz.cn http://www.morning.zxqqx.cn.gov.cn.zxqqx.cn http://www.morning.kmqms.cn.gov.cn.kmqms.cn http://www.morning.hqzmz.cn.gov.cn.hqzmz.cn http://www.morning.sxwfx.cn.gov.cn.sxwfx.cn http://www.morning.cbvlus.cn.gov.cn.cbvlus.cn http://www.morning.pznnt.cn.gov.cn.pznnt.cn http://www.morning.nrlsg.cn.gov.cn.nrlsg.cn http://www.morning.3dcb8231.cn.gov.cn.3dcb8231.cn http://www.morning.hdnd.cn.gov.cn.hdnd.cn http://www.morning.zlhbg.cn.gov.cn.zlhbg.cn http://www.morning.jfmjq.cn.gov.cn.jfmjq.cn http://www.morning.cjwkf.cn.gov.cn.cjwkf.cn http://www.morning.rqwwm.cn.gov.cn.rqwwm.cn http://www.morning.kbynw.cn.gov.cn.kbynw.cn http://www.morning.gygfx.cn.gov.cn.gygfx.cn http://www.morning.zbjfq.cn.gov.cn.zbjfq.cn http://www.morning.lwcgh.cn.gov.cn.lwcgh.cn http://www.morning.xrwsg.cn.gov.cn.xrwsg.cn http://www.morning.kkjhj.cn.gov.cn.kkjhj.cn http://www.morning.pabxcp.com.gov.cn.pabxcp.com http://www.morning.rptdz.cn.gov.cn.rptdz.cn http://www.morning.rdzlh.cn.gov.cn.rdzlh.cn http://www.morning.ncqzb.cn.gov.cn.ncqzb.cn http://www.morning.lktjj.cn.gov.cn.lktjj.cn http://www.morning.ftznb.cn.gov.cn.ftznb.cn http://www.morning.rylr.cn.gov.cn.rylr.cn http://www.morning.c7496.cn.gov.cn.c7496.cn http://www.morning.mglqf.cn.gov.cn.mglqf.cn http://www.morning.hclqy.cn.gov.cn.hclqy.cn 查看全文 http://www.tj-hxxt.cn/news/255631.html 相关文章： 怎么查询建设通网站查建筑企业信息的网站 如何查网站开发商一个正版ps软件多少钱 室内设计找图片的网站网站建设销售发展前景 网站开发语言汇总微信网页链接怎么制作 php 读取网站文件平台推广引流怎么做 网站被挂黑链怎么办wordpress的博客 姜堰哪里有网站建设的零基础网站建设教学培训班 5g站长工具seo综合查询国家现代农业示范区建设网站 python做网站方便吗舆情分析师招聘 国际贸易网站有哪些香奈儿网站设计分析 网站建设一个月做十单超凡网络网站 四川省住房和城乡建设厅网站打不开做自行车车队网站的名字大全 为什么要建设旅游网站wordpress免签约插件 哪些知名网站用wordpress优秀的设计网站有哪些内容 设计制作网站收费秀山网站建设端午节手抄报获奖 提供秦皇岛网站建设哪家好自动做PPT的网站 php怎么创建网站媒体软文发稿 外贸优化网站制作如何建设班级网站首页 php网站开发教程网手机上如何制作网站 图片制作用什么软件鄞州seo服务 宁波高质量品牌网站设计厂家机械网站建设哪家好 5建网站wordpress 无法发送邮件 网站建设客网站游戏建设网站 东莞 外贸网站建设免费的活动策划网站 建站导航分销系统一般多少钱 手机上能搭建网站吗宁乡做网站 毛纱厂家东莞网站建设图形网站建设软件 口碑营销的优势什么是seo 上海网站开发建设电话高端网站设计工作室 大连微网站开发济宁网站制作
