Microsoft MVP성태의 닷넷 이야기
글쓴 사람
꿈꾸는개발자 (lovelyjhk at gmail.com)
홈페이지
첨부 파일
 

안녕하세요. 평소 정성태님의 닷넷이야기를 자주 즐겨보고 있습니다.

저는 웹 프로그래밍중 , 자바스크립트 관련하여 ie10에서 호완이 안되는 부분이 있어 질문드립니다


windows7, ie10에서 html로 구성된 테이블 tr td (총 1000건 이상의 행)에서 이벤트를 작동시킬때 느림현상이 있어 문의드립니다.

특히 에뮬레이션 문서모드에서 edge모드로 실행하면 테이블의 스크롤이 느려지고,

        에뮬레이션 문서모드를 5로 설정하면 한 행의 체크박스가 급격히 느리게 선택되는 현상이 있습니다.


<에러나는 부분>

<tr bordercolor="#CCCCCC">
<td height="19" class="style5"><div align="center">1</div></td>
<td height="19" class="style5" align="center"><input style="align:center" type="checkbox" name="key" id="key0" value="4101322629:10 "/></td>
<td height="19" class="style5"><div align="center">2015-08-06</div></td>
.
.
.
(1000개 이상의 td)


UA 문자열은 기본값이고, 브라우저프로필도 데스크탑입니다.

 

ui응답성 결과를 보고 분석을 해본결과,

스타일지정시 걸리는 시간이 cpu사용율을 100%차지하면서 한행의 체크박스 하나를 선택하는데만 5초가 걸립니다.


특히 <input id ="key<%=i%>"> 이런식으로 key값을 지정하는 document 요소에 대해서 부하가 많이 걸리는것 같습니다.

"ui응답성결과에 따르면 스타일계산,그리기 항목에서 시간이 많이 소요되며 ,
dom이 시각적으로 변경되어 영향받는 페이지의 모든 부분을 다시그렸음" 이라고 나오는데
체크박스 한번에 화면이 전체가 깜빡거리는 (dom을 다시 그리는) 현상이 발생하고 있는 것 같습니다.


체크박스선택시 실행되는 자바스크립트 이벤트는 없습니다.

기존에 windows xp에서 실행하거나 크롬에서 실행하면 정상적으로 작동되는 부분이며,

혹시 적절한 해결책이나 소스 조언, 혹은 설정변경 방법등을 정중하게 구합니다








[최초 등록일: ]
[최종 수정일: 7/29/2015]


비밀번호

댓글 작성자
 



2015-07-29 02시22분
재현이 되는 최소한의 소스코드가 있을까요? ^^
정성태

... 46  47  48  49  [50]  51  52  53  54  55  56  57  58  59  60  ...
NoWriterDateCnt.TitleFile(s)
3611나그네9/30/201517760안녕하세요 답글을 이제 보았습니다. [3]
3608기차니9/21/201518193컬럼이 많은 데이터그리드에서 정렬 할 때 속도가 느립니다. [3]
3609기차니9/22/201517829    답변글 [답변]: 컬럼이 많은 데이터그리드에서 정렬 할 때 속도가 느립니다. [1]파일 다운로드1
3610기차니9/23/201520046        답변글 [답변]: [답변]: 컬럼이 많은 데이터그리드에서 정렬 할 때 속도가 느립니다. [5]파일 다운로드1
3606guest9/20/201518163확장 클래스 네이밍 규칙은 어떻게 하시나요? [1]
3605spow...9/18/201517312익명형식을 다른 클래스의 인스턴스로 전달하고 싶습니다. [1]
3604popo9/11/201519197[C#] Singleton 을 사용하면서 궁금한점이 있어 질문 남깁니다. [2]
3603강준9/11/201517621xamarin 을 시작하려고 하는데 혹시 도움이 될만한 사이트나 정보 있으면 공유해 주세요~~ [1]
3602Mink...9/9/201518813aspx > 다른 확장자로 변경 후 디버깅 때문에 질문 드려 봅니다. [10]
3601edain9/8/201519244캐스팅...에 관해 궁금합니다. [5]
3600guest9/7/201522599C# 버전의 정의는 어떻게 구분하나요? [2]
3599김태훈9/4/201519625안녕하세요. C언어를 배우려고 하는 문과생입니다. [1]
3598미니8/29/2015220836.0은 전체소스? [1]
3597손성수8/28/201519322시작하세요 ! c# 프로그래밍 이책으로 배우고 있는데요 [2]
3596지나가는...8/26/201518149크로스플랫폼 [1]
3594guest8/25/201517639요즘 Windonws Form 기반 N Tier 어떻게 구성하나요?? [1]
3593개발자8/18/201521891현 시점에서 VS 버전은 뭐가 좋을까요? [8]
3592나그네8/15/201520222안녕하세요 질문이 있어서... [4]
3589spow...8/11/201521292Nancy + Razor 사용시 cshtml의 IntelliSense 및 참조 오류 [3]
3590spow...8/12/201519668    답변글 [질문]: (첨부 추가) [1]파일 다운로드1
3588재현8/8/201526122안녕하세요. C# 6.0 책을 보는 중에 의문이 생겨 질문드립니다. [4]
3587주문중8/4/201526382신간 출간 [7]
3586꿈꾸는개...7/29/201520462자바스크립트 checkbox 관련하여 ie10에서 호완이 안되는 부분이 있어 질문드립니다 [1]
3585유동근7/21/201519833TTS오류 [1]파일 다운로드1
3583노영우7/20/201519399iisnode 를 클래식 파이프라인 모드에서 호스팅하기 [2]
3582황희성7/17/201521666동영상 캡쳐에 관련해서 궁금하것이 있습니다. [6]파일 다운로드1
... 46  47  48  49  [50]  51  52  53  54  55  56  57  58  59  60  ...