CSS Expression 의 원인 분석 을 사용 하지 마 십시오.

CSS Expression 에서 자 바스 크 립 트 표현 식 을 사용 합 니 다.CSS 속성 은 JavaScript 표현 식 의 계산 결과 에 따라 설 정 됩 니 다.CSS Expression 은 다른 브 라 우 저 에 서 는 작 동 하지 않 기 때문에 크로스 브 라 우 저의 인 코딩 에서 IE 설정 을 단독으로 사용 할 때 유용 합 니 다.IE5 부터 CSS Expression 을 지원 합 니 다.아래 코드 를 보 겠 습 니 다

background-color: expression( (new Date()).getHours()%2 ? "#F00" : "#00F" ); 

위의 코드 는 CSS Expression 을 사용 하여 한 시간 간격 으로 배경 색 을 전환 합 니 다.CSS Expression 의 문 제 는 생각 보다 계산 빈도 가 많다 는 점 이다.페이지 표시 와 크기 조정 뿐만 아니 라 페이지 가 굴 러 가 거나 마 우 스 를 이동 할 때 도 다시 계산 해 야 합 니 다.CSS Expression 에 표현 식 의 계산 주파 수 를 추적 할 수 있 는 계수 기 를 추가 합 니 다.페이지 에서 마 우 스 를 마음대로 움 직 이면 10000 회 이상 의 계 산 량 에 쉽게 도달 할 수 있다.CSS Expression 의 계산 횟수 를 줄 이 는 방법 은 일회 성 표현 식 을 사용 하 는 것 입 니 다.첫 번 째 실행 시 결 과 를 지정 한 스타일 속성 에 부여 하고 이 속성 으로 CSS Expression 을 대체 하 는 것 입 니 다.스타일 속성 이 페이지 주기 내 에 동적 으로 바 뀌 어야 한다 면 CSS 표현 식 대신 이벤트 핸들 을 사용 하 는 것 이 가능 한 방법 입 니 다.CSS Expression 을 사용 해 야 한다 면 수천 번 을 계산 하고 페이지 의 성능 에 영향 을 미 칠 수 있다 는 것 을 기억 해 야 합 니 다.사용자 가 페이지 를 열 면 기계 가 느 려 질 것 이 라 고 느끼 지 않도록 하 세 요.