728x90
반응형

Intersection

Intersection Observer란?기존 자바스크립트의 'scroll' 이벤트는 스크롤시 짧은 시간 내에 수 백, 수천의 이벤트를 동기적으로 실행될 수 있어 성능의 악영향을 끼쳤다.페이지 내의 다양한 요소(Lazy Loading, 무한 스크롤 등)의 이유로 'scroll' 이벤트를 리스닝하기 때문에 무수한 콜백함수가 실행될 수 있었다.위의 문제는 메인 쓰레드에 큰 부하를 줄 수 있다.또한 Intersection Observer는 reflow를 발생시키지 않는다.reflow, repaint에 대해서는 다음 번에 자세히 정리하도록 하겠다.Intersection Observer는 루트 요소와 타겟 요소의 교차점을 관찰(Observe)해 타켓과 루트 요소가 교차(Intersection)하는지 아닌지 구별하..
728x90
반응형
개발찾아 삼만리
'Intersection' 태그의 글 목록