밑에 참조한 블로그 들이 정말 정리가 잘되어서 있어서 간단하게 정리하려고 한다.
Throttle : 쓰로틀링은 보통 성능 문제 때문에 많이 사용. 특성 자체가 실행 횟수에 제한
실사용 예제) 인피니티 스크롤, 관련 검색어 추천 및 자동완성 등
Debounce: 연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것
실사용 예제) 리사이징(웹페이지) 등
참조 블로그:
https://webclub.tistory.com/607
디바운스(Debounce)와 스로틀(Throttle ) 그리고 차이점
Throttle, Debounce & Difference 스로틀(Throttle) 과 디바운스(Debounce) 란 무엇일까? 이 두 가지 방법 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 즉 이벤트(ev..
webclub.tistory.com
https://www.zcfy.cc/original/debouncing-and-throttling-explained-through-examples-css-tricks
Debouncing and Throttling Explained Through Examples | CSS-Tricks - 众成翻译
The following is a guest post by David Corbacho, a front end engineer in London. We've broached this topic before, but this time, David is going to drive the concepts home through interactive demos that make things very clear. Debounce and throttle are two
www.zcfy.cc
'IT > 자바스크립트' 카테고리의 다른 글
| 비동기식 코드 작성 (promise, async , await) 고려점 (0) | 2022.04.04 |
|---|---|
| 자바스크립트 object 2개 비교하기 (0) | 2020.03.09 |
| Javacript - call , apply , bind 차이점 정리 (0) | 2020.02.27 |