事件触发非常频繁,而且每一次的触发,回调函数都要去执行(如果时间很短,而回调函数内部有计算,那么很可能出现浏览器卡顿)
防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行最后一次
节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发
(防抖是控制次数,节流是控制频率)
(防抖:穿越火线扔手雷,一颗手雷,你一顿点,但是最终只炸了一次)
(节流:多颗手雷,扔手雷需要时间,你一直不停的点,他只能在每次时间结束后才扔出去一颗)
v-if | v-show
按需加载
函数防抖与节流
按需加载:对于loadsh插件,它里面封装的函数功能很多
//引入lodash:是把lodash全部封装好的函数全都引入进来了
//按需引入:只是引入节流函数,其他的函数没有引入(模块),这样做的好处是,当你打包项目的时候体积会小一些
import throttle from "lodash/throttle";
import _ from lodash 相当于把全部功能引入进来,但是我们只是需要节流