FEDev Story

scroll event 최적화 함수 본문

Javascript/★★

scroll event 최적화 함수

지구별72 2021. 3. 31. 16:00 
const toFitScroll = (cb) => {
     let tick = false

     return function trigger () {
          if (tick) {
               return
          }
          tick = true
          return requestAnimationFrame(function task() {
               tick = false
               return cb()
          })
     }
}

const onScroll = () => {


}

window.addEventListener('scroll', toFitScroll(onScroll), { passive : true })

https://jbee.io/web/optimize-scroll-event/

 

스크롤 이벤트 최적화

⚠ 이 포스팅은 자바스크립트의 비동기 처리에 대한 이해를 기반으로 작성되었습니다. 이 포스팅을 읽기 전, JavaScript의 Event Loop와 자바스크립트 비동기 처리 과정 일독을 추천 드립니다. 우리는

jbee.io

 

'Javascript > ★★' 카테고리의 다른 글

비동기 작업을 순차대로 실행시키기  (0) 2022.01.14
Array 배열 개념  (0) 2022.01.04
[Event] 이벤트 위임을 사용한 클릭이벤트  (0) 2016.03.12
[Event] 분리와 점진적 개선을 고려한 이벤트 처리  (0) 2016.03.12
'Javascript/★★' Related Articles more
Comments