SMASHING MAGAZINE에서 HTML5 CheatSheet를 공개한 이후 CSS3도 만들어 달라는 요청을 받아서 veign.com의 Chris Hanscom한테 만들어 달라고 요청했다고 합니다. CSS3는 Firefox 3.5, Opera 9.6, Safari 3+, Google Chrome에서 지원하고 있습니다.
이 Cheat Sheet에는 현재 CSS3 W3C 스펙의 properties, selectors type과 가능한 값들의 리스트가 정리되어 있습니다.
같은 형식으로 CSS2의 Cheat Sheet도 제공하고 있습니다.
음...다방면으로 잘 하시니 부럽습니다 ㅎㅎ
근데 혹시 IE에서 HTML 태그를 제어하고자할때 느려지는 이유가 몬지 아시나여?
예를들어 자바스크립트로 테이블 오브젝트를 받아서 tr생성, td생성해서
100개정도의 행을 삭제하고 다시 100개정도의 행을 만들어줄때?
이런경우. 사파리 오페라 파폭 다 빠른데 ㅡㅡ;; IE만 느리더군요...흠
얄팍한 지식이라서 넓게라도 봐서 어떻게 메꿔보려고 하고 있습니다. 좀 깊게좀 봐야되는데요.. ㅠ..ㅠ
저도 이유까지는 자세히 모르고요 IE가 DOM이 좀 느리긴 하죠.
http://www.quirksmode.org/dom/innerhtml.html
ppk에 올라온 DOM성능비교표입니다. IE가 역시 겁나 느리군요. 머 이유라면 잘 못만들었기 때문이 아닐까요? IE가 안좋은게 DOM성능 뿐만은 아니죠.. ㅎㅎㅎㅎㅎ
아래는 Rhio.Kim님이 알려주신 IE에서 DOM성능 향상방법입니다.
http://rhio.tistory.com/295
위에 언급된 이유때문에 IE의 DOM이 느린것일수도 있겠네요. 테스트결과로는 엄청난 속도향상입니다. ^^
그러고보니 엄청 오랜만에 뵙네요. 잘 지내시죠? ㅎㅎㅎ
예전 아웃사이더님이 소개해주신 글에 있던 내용중에 html += 구문을 반복하면 느려진다는 내용이 생각나네요.
Array.push로 값을 추가해서 join('')하면 어마어마한 성능차이가 있었죠.
http://blog.outsider.ne.kr/78?category=24
중간에서 살짝 아래에 있네요
아주 오래전 글인데 기억해 주시는군요. ^^
저도 세미나가서 배웠던 내용이었죠.
성능차이는 큰데 +=로 이어붙히는게 편하다 보니 간단한건 아직도 그냥 +=로 쓰게 되곤 하는궁요.. ㅎㅎㅎㅎ
하지만 위 내용은 문자열을 이어붙히는 부분이라서 DOM의 속도하고는 크게 관련이 없어보입니다. 보통은 HTML을 문자열로 이어붙힌 뒤에 innerHTML로 추가하고는 하지만 사오정님게서 작성하신 내용으로 볼때는 DOM 메서드를 이야기 하시는듯 합니다.
어쨌든 댓글 감사합니다. ㅎㅎ