js防抖用法(JavaScript的防抖和节流案例)
类别:编程学习 浏览量:1463
时间:2021-10-23 10:52:12 js防抖用法
JavaScript的防抖和节流案例目录
- 防抖
- 节流:
防抖:在一定的时间内只执行最后一次任务;
节流:一定的时间内只执行一次;
防抖<button id="debounce">点我防抖!</button> $('#debounce').on('click', debounce()); function debounce() { let timer; // 闭包 return function () { clearTimeout(timer); timer = setTimeout(() => { // 需要防抖的操作... console.log("防抖成功!"); }, 500); } }
<button id="throttle">点我节流!</button> $('#throttle').on('click', throttle()); function throttle(fn) { let flag = true; // 闭包 return function () { if (!flag) { return; } flag = false; setTimeout(() => { console.log("节流成功!"); flag = true; }, 1000); }; }
到此这篇关于JavaScript的防抖和节流案例的文章就介绍到这了,更多相关JavaScript防抖和节流内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- javascript执行类的所有方法(Javascript中异步等待的深入理解)
- javascript里字符串描述(JavaScript字符串操作的四个实用技巧)
- js使用递归解析(关于JavaScript递归经典案例题详析)
- js绘制平滑路径(如何利用Javascript生成平滑曲线详解)
- javascript制作表格(JavaScript实现动态表格效果)
- jspromise原理(JavaScript使用promise处理多重复请求)
- jquery五子棋javascript(原生JavaScript实现简单五子棋游戏)
- javascript设置鼠标(JavaScript实现鼠标控制自由移动的窗口)
- javascript 经典算法(JavaScript实现的七种排序算法总结推荐!)
- javascript dom事件模型(JavaScript WebAPI、DOM、事件和操作元素实例详解)
- JavaScript css3实现简单视频弹幕功能(JavaScript css3实现简单视频弹幕功能)
- javascript编程中的promise(JavaScript如何利用Promise控制并发请求个数)
- js 图片编辑处理库(javascript input图片上传及预览,FileReader预览图片)
- JavaScript 常用的开发规范
- web中如何预防xss攻击(详解前端安全之JavaScript防http劫持与XSS)
- qt和js相互调用(QT与javascript交互数据的实现)
- 吴彦祖陈冠希 恩怨 ,失去曾让他流泪的女友,终遇走过18年真爱(吴彦祖陈冠希恩怨)
- 痴情男神 吴彦祖 与妻子恋爱8年,结婚10年,家庭幸福美满(痴情男神吴彦祖)
- 成功破圈,小牛电动SQi强势开 跨(小牛电动SQi强势开)
- 挑战新国标电自天花板,九号机械师MMAX 110P深度体验(挑战新国标电自天花板)
- 《满江红》不要只当电影看,学生应该这样做(满江红不要只当电影看)
- 电影《民间怪谈录之走阴人》定档8月5日,开启一场中式惊悚之旅(电影民间怪谈录之走阴人定档8月5日)
热门推荐
- vue购物车简单项目(vue实现简单购物车案例)
- css3伸缩布局及图解(利用CSS3实现自定义滚动条代码分享)
- 云服务器调试(云服务器怎么设置伪静态?)
- sql查询数据库前五条信息(SQL查询数据库中符合条件的记录的总数)
- flow布局(详解为什么设置overflow为hidden可以清除浮动带来的影响)
- border:0和border:none的区别
- python 的常用工具(Python静态类型检查新工具之pyright 使用指南)
- tomcat服务出现乱码(解决Tomcat10 Catalina log乱码问题)
- wdcp命令工具(简单3条命令彻底清除WDCP占用空间)
- laravel 模块目录(Laravel框架文件上传功能实现方法示例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9