프로그램언어/javascript 프레임웍 6

javascript 로드 언로드 기타

onabort 이미지의 다운로드를 중지할 때 (브라우저의 중지버튼) onactivate 개체가 활성화될 때 발생 (태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러) onafterprint 문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생 onafterupdate 데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되었을 때 발생(데이터 개체부분 참조) onbeforeactivate 개체가 활성화 상태로 되기 바로 직전에 발생 (onactivate 참고) onbeforecopy 선택 영역이 시스템의 클립보드로 복사되기 바로 직전에 발생 onbeforecut 선택 영역이 지워지기 바로 직..

prototype.js 예제

목차 id로 특정 요소 가져오기[1] 폼 컨트롤러의 값을 가져오기[2] 스타일 변경하기[3] html 내용 변경하기[4] Ajax Request의 파라미터 셋팅하기[5] Ajax Request 생성하기[6] Event 추가하기[7] 각 요소별로 함수 실행하기[8] 이벤트 핸들링[9] 호출 체이닝[10] 테이블 형태의 html 내용변경하기[11] key 이벤트 감지하기[12] 이벤트 가로채기[13] insert() 메소드 제대로 사용하기[14] form 다루기[15] id로 특정 요소 가져오기[#1]이전의 방법 document.getElementById('foo') 추천하는 방법 $('foo') 폼 컨트롤러의 값을 가져오기[#2]이전의 방법 var woot = document.getElementById('..

웹표준및 ui개발가이드

http://naradesign.net/wiki/%EB%8C%80%EB%AC%B8 에서 스크립트해왔습니다. UI 개발자를 위한 북마크 NARADESIGN 목차[숨기기] 1 뉴스 2 드림위버 3 모바일 4 블로그 4.1 웹 표준 4.2 웹 접근성 4.3 IT Trends 4.4 User Experience 5 블로그 허브 6 사용자 맞춤형 웹 서비스 7 사전 8 웹 디자인 9 웹 브라우저 9.1 웹 브라우저들 9.2 웹 브라우저 시뮬레이터 9.3 웹 브라우저 테스트 9.4 웹 브라우저 호환성 문제 9.5 웹 브라우저 확장 10 웹 사용성 11 웹 성능 분석 12 웹 어플리케이션 13 웹 이미지 검색 13.1 사진 13.2 아이콘 14 웹 접근성 15 웹 표준 16 통계 17 CSS 17.1 CSS Fram..

IE에서 JS최적화 전략

1. 변수는 로컬에 명시적으로 정의한다. 함수내에서 사용되는 지역 변수가 있다면 명시적으로 var 표시를 해주도록 합니다. 그렇지 않을 경우 브라우저는 상위 scope를 모두 뒤져서 상위에 해당 변수가 정의되어있는지 확인합니다. 2. 가능하다면 일단 캐싱한다. DOM은 느리므로 가급적이면 DOM을 호출하는 횟수를 줄입니다. 반복적으로 document.body.all 등이 쓰여야 할 경우 document.body.all 를 다른 변수로 캐싱해둡니다. Array 등에서 array.length 같은 것을 반복문에서 사용해야 할 경우 var len = array.length 등과 같이 array.length 를 캐시해서 사용합니다. 함수 내에서 자주 사용되는 전역함수의 경우 지역 변수로 캐싱해서 사용하는 것이 ..

jquery vs prototype

먼저 최근에 경향을 보자면은 jquery vs prototype 의 경쟁? 구도입니다. 예전에는 prototype이 대세였는데 몇개월전부터 jquery가 주목받고있는 형태입니다. 어떤것을 적용하는것이 좋을지는 각자개발자가 선택할 목이지면 꼼꼼히 생각해봐야할부분이라고생각합니다. jQuery는 겸손한(unobtrusive) 자바스크립트를 위한 자바스크립트 라이브러리다. jQuery는 태생적으로 BDD(Behavior driven development) 방법론을 지향하고 CSS 셀렉터를 사용하여 HTML 문서를 훓는 방법(traversing)에 기반한다. 반면에 Prototype은 태생적으로 CDD(Class driven development)를 지향하고 쉽게 자바스크립트 개발할 수 있도록 해준다. Proto..