本文实例讲述了JS执行控制之节流模式。分享给大家供大家参考,具体如下:
节流模式:对重复的业务逻辑进行控制,执行最后一次操作,并取消其他操作,以提高性能。
重复的业务逻辑真的很让人讨厌的,但其中往往蕴含着可被优化的空间。
比如我们经常碰到的一种情况:当鼠标移进容器的时候,改变容器的颜色;当鼠标移出去的时候,恢复默认颜色。
但是有时候是用户不小心移进来的,或者是不小心移出去的,但是效果却消失了。这样用户的体验效果是非常不好的,这时候,我们就可以利用节流模式。
节流模式的核心思想是创造计时器,延迟程序的执行。这也使得计时器中的回调函数的操作异步执行,
源代码:
www.jb51.net 节流器试用——huansky 我只有在鼠标放置两秒后才改变背景色,移出超过两秒才恢复
我是正常的,只要鼠标移进来就改变背景色,移出就恢复
我只有在鼠标放置两秒后才改变背景色,移出超过两秒才恢复
这里使用在线HTML/CSS/Javascript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,运行效果如下:
更多关于Javascript相关内容感兴趣的读者可查看本站专题:《Javascript操作DOM技巧总结》、《Javascript页面元素操作技巧总结》、《Javascript事件相关操作与技巧大全》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript错误与调试技巧总结》
希望本文所述对大家Javascript程序设计有所帮助。



