프로토 타입-개요

프로토 타입이란?

Prototype은 동적 웹 애플리케이션의 개발을 용이하게하는 자바 스크립트 프레임 워크입니다. 프로토 타입은 Sam Stephenson이 개발했습니다.

Prototype은 JavaScript 라이브러리로, 매우 쉽고 재미있는 방식으로 DOM을 조작 할 수 있습니다 (브라우저 간).

ScriptaculousRico 와 같은 기타 라이브러리 는 Prototype의 기반에 구축되어 위젯 및 기타 최종 사용자 항목을 생성합니다.

Prototype

  • 유용한 메소드로 DOM 요소 및 내장 유형을 확장합니다.

  • 상속을 포함한 클래스 스타일 OOP에 대한 기본 지원이 있습니다.

  • 이벤트 관리에 대한 고급 지원이 있습니다.

  • 강력한 Ajax 기능이 있습니다.

  • 완전한 애플리케이션 개발 프레임 워크가 아닙니다.

  • 위젯이나 표준 알고리즘 또는 I / O 시스템의 전체 세트를 제공하지 않습니다.

프로토 타입을 설치하는 방법?

프로토 타입은 prototype.js라는 단일 파일로 배포됩니다. 프로토 타입 라이브러리를 설정하려면 아래 언급 된 단계를 따르십시오.

  • 다운로드 페이지 (http://prototypejs.org/download/) 로 이동하여 편리한 패키지로 최신 버전을 가져옵니다.

  • 이제 웹 사이트의 디렉토리 (예 : / javascript)에 prototype.js 파일을 넣으십시오.

이제 웹 페이지에서 강력한 Prototype 프레임 워크를 사용할 준비가되었습니다.

프로토 타입 라이브러리를 사용하는 방법?

이제 다음과 같이 Prototype 스크립트를 포함 할 수 있습니다.

<html>
   <head>
      <title>Prototype examples</title> 
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
   </head>
   
   <body>
      ........
   </body>
</html>

다음은 Prototype의 $ () 함수를 사용하여 JavaScript에서 DOM 요소를 얻는 방법을 보여주는 간단한 예입니다.

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function test() {
            node = $("firstDiv");
            alert(node.innerHTML);
         }
      </script>
   </head>

   <body>
      <div id = "firstDiv">
         <p>This is first paragraph</p> 
      </div>
      
      <div id = "secondDiv">
         <p>This is another paragraph</p>
      </div>
      
      <input type = "button" value = "Test $()" onclick = "test();"/>
   </body>
</html>

산출

왜이 튜토리얼인가?

프로토 타입 프레임 워크를위한 아주 좋은 문서에서 확인할 수있다 prototypejs.org 일이 자습서를 참조해야하는 이유를 다음!

대답은이 튜토리얼에서 가장 일반적으로 사용되는 기능을 모두 모았다는 것입니다. 둘째, 공식 사이트에서 볼 수없는 적절한 예제와 함께 모든 유용한 방법을 설명했습니다.

Prototype Framework의 고급 사용자 인 경우 공식 웹 사이트로 바로 이동할 수 있습니다. 그렇지 않으면이 자습서가 좋은 시작이 될 수 있으며 참조 설명서처럼 사용할 수 있습니다.