模拟封装一个防抖函数,并封装:
防抖和节流函数目前已经是前端实际开发中两个非常重要的函数,也是面试经常被问到的面试题,我们会一起来学习防抖和节流函数。
**效果演示**
**1.首先在页面写一个盒子设置样式如下,通过dom获取页面盒子box**
下方代码是模拟鼠标在页面的高频移动事件,因此需计算鼠标移动时的实时坐标位置并显示出来;
pageX: 鼠标距window视图X轴距离
pageY: 鼠标距window视图Y轴距离
offsetLeft:box盒子外边框距离距window视图X轴距离
offsetTop: box盒子外边框距离距window视图Y轴距离
X:计算得到鼠标在box盒子X轴方向的坐标
Y:计算得到鼠标在box盒子Y轴方向的坐标