Throttle과 Debounce

정은경·2020년 7월 7일
0

👸 Front-End Queen

목록 보기
7/261
  • throttle과 debounce 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 특 이벤트(event)를 제어(제한)하는 방법
  • 과도한 이벤트 횟수의 실행으로 이벤트 핸들러가 무거운 계산 및 기타 DOM 조각과 같은 작업을 수없이 많이 수행하는 경우 성능 문제가 발생하고, 이는 사용자 경험까지 떨어뜨리게 될 것임
  • throttle과 debounce는 이벤트 핸들러가 많은 연산(예: 무거운 계산 및 기타 DOM 조작)을 수행(이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 경우에 대한 제약을 걸어! 제어할 수 있는 수준으로 이벤트를 발생(그 핸들러를 더 적게 실행하면 빠져 나갈 수 있음)시키는 것을 목표로 하는 기술!


Reference

profile
#의식의흐름 #순간순간 #생각의스냅샷

0개의 댓글