js延迟执行dom操作(函数节流)
2017-09-11 12:03
525 查看
今天在群里有人问道比如在执行搜索的时候,不想让他立马执行搜索,而是在500ms之后执行搜索,这个专有名词叫什么。。。然后上网上查了下名字叫做函数节流(话说我真不知道有这么个词语,但是平时生活中也没少用)
在执行一个耗费cpu的操作,比如是onresize,如果每次我们都要resize的话,cpu是消耗不起的,所以我们就在执行onresize函数的时候,判断上一次执行距离这一次执行的间隔,然后再去执行
也可以写成闭包,但是个人觉得没啥子必要。。。
在执行一个耗费cpu的操作,比如是onresize,如果每次我们都要resize的话,cpu是消耗不起的,所以我们就在执行onresize函数的时候,判断上一次执行距离这一次执行的间隔,然后再去执行
function resize(){ const delay = 500; let timer = null; clearInterval(timer); timer = setTimeout(function(){ // your resize code }, delay); }
也可以写成闭包,但是个人觉得没啥子必要。。。
相关文章推荐
- js自定义延迟执行函数
- js延迟执行函数的方法
- js延迟执行函数
- 【经验积累】js 同一层函数内,定义变量的操作最先执行
- 原生js和jQuery的DOM操作函数速度比较
- js函数setTimeout延迟执行的简单介绍
- JS DOM操作 函数 事件 阻止事件冒泡
- 原生js和jQuery的DOM操作函数速度比较
- 几个JS DOM操作的函数
- js 异步操作,回调函数控制执行顺序
- js函数延迟执行
- document.write 方式引入外部 JS 文件导致脚本程序执行顺序不同以及 DOM 树更新延迟问题
- js函数setTimeout延迟执行的简单介绍
- js函数setTimeout延迟执行的简单介绍
- web性能优化之- js自定义函数延迟执行 jquery插件
- 原生js和jQuery的DOM操作函数速度比较
- JS中的函数、BOM和DOM操作
- js延迟执行函数
- 20180301:JavaScript的初步学习,JS的数据类型与变量,函数,DOM操纵HTML,BOM操作浏览器
- js函数必须在alert执行才能执行