> 웹 프론트엔드 > JS 튜토리얼 > 프로토타입 프레임워크_자바스크립트 기술에 대한 자세한 설명

프로토타입 프레임워크_자바스크립트 기술에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 15:29:59
원래의
1554명이 탐색했습니다.

여기서 언급된 "프로토타입"은 JavaScript 프로그래밍의 프로토타입("프로토타입")이 아니라 "Sam Stephenson"이 작성한 JavaScript 클래스 라이브러리입니다. 이 훌륭하게 고안된 표준 호환 클래스 라이브러리는 프로그래머가 대화형 "web2.0" 기능이 포함된 풍부한 클라이언트 페이지를 쉽게 만들 수 있도록 도와줍니다.

•많은 사람들이 Prototype을 처음 접하는 것은 "$" 일련의 기능으로 시작됩니다. 이는 데스크톱 애플리케이션 바로가기와 유사하며 Prototype 프레임워크에서 가장 자주 사용되는 기능 세트입니다. 또한 Prototype의 Ajax 지원은 개발자들에게도 큰 관심거리입니다. 물론 Prototype의 기능은 이에 국한되지 않습니다. JavaScript 내장 개체를 많이 확장하고 새로운 개체도 많이 정의했습니다.

프로토타입 프레임워크 소개:

•Prototype은 현재 가장 널리 사용되는 Ajax 개발 프레임워크로 실용적인 기능과 작은 크기가 특징이므로 중소 규모의 웹 애플리케이션에 사용하기에 매우 적합합니다. Ajax 애플리케이션을 개발하려면 대량의 클라이언트 측 JavaScript 스크립트를 작성해야 하며 Prototype 프레임워크는 JavaScript 코드 작성을 크게 단순화할 수 있습니다. 더욱 드문 점은 Prototype이 다양한 브라우저와 호환되는 뛰어난 기능을 가지고 있다는 것입니다. 이 프레임워크를 사용하면 브라우저 호환성 문제를 고려할 필요가 없습니다.

•Prototype은 JavaScript의 내장 개체(예: "문자열" 개체, "배열" 개체 등)에 대한 많은 유용한 확장을 만들었습니다. 동시에 다음을 포함하여 많은 사용자 정의 개체가 프레임워크에 추가되었습니다. Ajax 개발을 위한 지원 등은 모두 사용자 정의 개체로 구현됩니다. 프로토타입은 개발자가 다음 목표를 달성하는 데 도움이 될 수 있습니다.

•(1) 문자열에 대한 다양한 처리 수행
•(2) 열거형을 사용하여 컬렉션 객체에 액세스
•(3) 더 간단한 방법으로 일반적인 DOM 작업을 수행합니다
•(4) CSS 선택기를 사용하여 페이지 요소 찾기
•(5) Ajax HTTP 요청 시작 및 응답 처리
•(6) DOM 이벤트 모니터링 및 이벤트 처리

•“프로토타입” 프레임워크 기능에 대한 자세한 설명 – 실용적인 기능을 사용하여

"Prototype" 프레임워크의 구현에는 하나의 JavaScript만 포함되어 있습니다. "Prototype.js" 버전 1.6의 파일 크기는 127K 바이트이며 약 4220줄입니다. 페이지에 적용된 구문은 다음과 유사합니다.

&#8226;<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>
로그인 후 복사

•이후 스크립트에서 이 프레임워크가 제공하는 편리함을 누릴 수 있습니다.

•이 프레임워크에는 미리 정의된 객체와 유틸리티 함수가 많이 있어 프로그래머가 반복적인 입력을 하지 않아도 됩니다.

•(1) “$()” 함수를 사용하세요.
•(2) “$F()” 함수를 사용합니다. 이 함수는 여러 줄의 텍스트 상자 및 드롭다운 목록 상자와 같은 양식 입력 컨트롤의 값을 반환하는 데 사용할 수 있는 또 다른 인기 있는 "바로 가기"입니다. 이 메소드는 요소 ID 또는 요소 자체를 매개변수로 사용할 수도 있습니다.
•(3) “$A()” 함수를 사용합니다. 이 함수는 수신한 단일 인수를 Array 객체로 변환합니다.
•(4) “$H()” 함수를 사용합니다. 이 함수는 일부 개체를 연관 배열과 유사한 열거 가능한 Hash 개체로 변환합니다.
•(5) “$R()” 함수를 사용합니다. 이 함수는 "new ObjectRange(lowBound,upperBound,excludeBounds)"의 약어로, 범위 객체를 생성하는데 사용됩니다.
•(6) "Try.these()" 함수를 사용하세요. "Try.these()" 메서드는 그 중 하나가 성공할 때까지 다양한 메서드를 호출하는 데 사용됩니다. 이 함수는 일련의 메서드를 매개 변수로 사용하고 해당 메서드 중 하나가 성공적으로 실행될 때까지 이러한 메서드를 하나씩 순서대로 실행합니다. 성공적으로 실행된 메서드의 반환 값을 반환합니다. "Try.these()" 함수를 사용하여 호환성 문제를 처리할 수 있습니다.

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿