今天使用节流函数的时候遇见了一个问题，搞了半天才找到原因，所以在这里做个总结。浏览器的一些事件，如：resize，scroll，mousemove等。这些事件触发频率太过频繁，绑定在这些事件上的回调函数会不停的被调用，加重浏览器的负担，导致用户体验非常糟糕。所以先贤们发明了节流函数，简单版本如下：假设有一个 vue 组件 svgMark。这个组件中渲染的元素要在页面窗口大小发生变化时重绘 reDraw ，而重绘时要使用节流函数防止性能损耗。但是有这样一个场景，使用节流函数时却失效了，即当这个组件被 v-for 循环加载了很多次：这个时候无论渲染了多少个 svgMark 组件，在窗口大小改变的时候却只触发了第一个组件和第 n 割组件的重绘，为什么其他组件没有触发呢？这就要从头说起了。
暂无评论