事件节流
问题引入
当浏览器的窗口变化的时候,控制台打印出"reize"的记录
问题解决
-
直接绑定
下面的这段代码,鼠标随便动几下,控制台就打印了若干的信息。。明显,效率非常低下。<!DOCTYPE html> <html> <head> <title>事件节流</title> <meta charset="utf-8"> </head> <body></body> <script> window.onresize = () => { console.log("this is resize" , new Date()); } </script> </html>
-
改进后的绑定
改进后的方法性能提高了很多,设置了定时器,1s内只允许打印一次。<!DOCTYPE html>