@chaoshuai/decorators

0.0.2 • Public • Published

decorators

基于 vue-class-component 的自定义装饰器

throttle和debounce

  • click事件我们最常见的就是异步请求一个后台接口,通常我们都只需要执行一次,频繁的执行,响应都是相同的数据没有意义,同时也增加了服务器的压力。这种情况最适合的就是debounce函数;
  • scroll事件如果是触发UI的变化呢,我建议使用throttle。如果是,通过scroll事件加载数据呢则可以使用debounce函数。总之按需取用。
  • resize事件就推荐debounce了,一般情况下只需要在resize结束的时候执行一次回调函数就满足需求了,但是也不是绝对的情况。如果要保持UI的连续性也可以使用throttle函数。
  • mousemove事件一般都是配合UI的改变,因此推荐使用throttle。 现在看一下细分的情况;
  • 滚动加载我们也是在滚动到底部的时候才去加载一次数据,多余的加载都是没有意义的,而且有可能出错,因此使用debounce。
  • 搜索框那就推荐使用throttle了,在合适的间隔去请求搜索结果,既提高了用户体验,又减少了服务器的压力

Readme

Keywords

none

Package Sidebar

Install

npm i @chaoshuai/decorators

Weekly Downloads

0

Version

0.0.2

License

ISC

Unpacked Size

5.4 kB

Total Files

8

Last publish

Collaborators

  • chaoshuai