transitionend 감청 transition 애니메이션 정지 최적화 성능

질문:
애니메이션이 있으면 페이지를 전환할 때
동시에 전환된 페이지는 빅데이터 양의 그래프를 렌더링합니다
한데 뭉치면 애니메이션이 끊긴다
스키마:
그림% 1개의 캡션을 편집했습니다.
 getTransitions() {
            let t;
            for (t in this.transitions) {
                // t transition,OTransition,MozTransition,WebkitTransition
                if (this.element.style[t] !== undefined) {
                    return this.transitions[t];
                }
            }
 }

listener() {
            //                     
            //       
            this.element = document.getElementById('calculationResults');
            //      
            this.transitions = {
                //   IE
                'transition': 'transitionend',
                //   Opera
                'OTransition': 'oTransitionEnd',
                //   Firefox
                'MozTransition': 'transitionend',
                //   Google
                'WebkitTransition': 'webkitTransitionEnd'
            };
            //            transition  
            const setTransitions = this.getTransitions();
            //       
            setTransitions && this.element.addEventListener(setTransitions, () => {
                this.start = true
            }, false)
        },

좋은 웹페이지 즐겨찾기