1
웹 애플리케이션에 개성을 추가하려면 마우스를 가까이 다가 가면 로봇 마스코트가 뒤에서 엿보는 특정 요소에 약간의 애니메이션을 추가했습니다. 이를 위해 onmousemove 함수를 사용하여 커서가 얼마나 멀리 떨어져 있는지 확인하고 마우스가 가까워지면 로봇을 움직이게했습니다.onMouseMove에서 구동되는 애니메이션 최적화
괜찮 으면 작동하지만 사용자가 마우스를 움직일 때마다 아무 것도 움직이지 않을 때도 항상이 기능을 여러 번 실행하는 것이 최적화되지 않은 것으로 보입니다. 제 질문은, CPU를 불필요하게 사용하지 않는 이런 일반적인 애니메이션 방법이 있습니까?
당신은 예와 여기에 우리의 블로그에 코드 http://www.hiringthing.com/2011/10/31/buttons-with-a-surprise.html
감사가 때 실행되지 않도록 페이지의 메인 섹션 유혹 할 때 연결하고 이벤트 핸들러를 제거 할 수
'requestAnimationFrame'을 들여다 보았습니까? – pimvdb