왜 jQuery를 UI 위젯 라이브러리를 사용

jQuery를이 플러그인과에 쓰기 jQuery.prototype (일반적으로 표시 $.fn ) 간단하게 방법을 추가 및 복귀와 같은 몇 가지 간단한 규칙을 따라야 this . 왜 것이라고 구성 요소 라이브러리 (위젯 공장)의 존재?

이 섹션에서는 구성 요소 라이브러리 (위젯 공장)의 장점을 설명하고, 그것을 사용하는, 그리고 왜 그것을 사용하는 경우 배우게됩니다.

상태 기반 위젯 대 비 상태

대부분의 jQuery 플러그인은 자신의 작업을 완료하는 데 몇 가지 작업을 수행, 무 상태입니다. 사용할 경우, 예를 들어 .text( "hello" ) 요소는 결과는 동일하므로, 더 설치 단계가 없다 텍스트로 설정된다. 플러그인이 유형의 경우, 단지 jQuery를 프로토 타입을 확장합니다.

그러나 일부 플러그인은이 상태의 변화에 ​​응답을 유지하기 위해, 전체 수명을 가지고 상태이다. 이러한 플러그인은 초기화 및 상태 관리 (때로는 파괴)하는 전문 많은 코드를 필요로합니다. 이 상태 템플릿을 생성하기위한 플러그인의 출현되었다. 더 나쁜, 다른 방법으로 각각의 위젯 저자는 플러그인 라이프 사이클과 다른 플러그인 주도 국가가 다른 API 스타일을 관리 할 수 ​​있습니다. 구성 요소 라이브러리 (위젯 공장)이 템플릿을 제거하고 플러그인에 대한 일관된 API를 만들고, 이러한 문제를 해결하기위한 내용을 담고 있습니다.

일관된 API

구성 요소 라이브러리 (위젯 공장) 방법뿐만 아니라 모니터 위젯 트리거 이벤트를 생성하고 위젯을 파괴 얻을 옵션을 설정, 호출하는 방법을 정의합니다. 위젯 라이브러리 (위젯 공장)를 사용하여 상태 플러그인을 만들려면 자동으로 새 사용자가보다 쉽게 ​​플러그인을 사용할 수 있도록 표준의 정의를 충족합니다. 또한, 위젯 라이브러리 (위젯 공장) 함수는 인터페이스의 정의를 가능하게한다. 당신이 경우 API 라이브러리 (위젯 공장)의 부분은 체크 아웃에 익숙하지 않은 제공하는 라이브러리 구성원 (위젯 공장)를 사용하는 방법 .

초기화에서 옵션을 설정합니다

당신이 동의하는 플러그인 옵션을 만들 때 많은 옵션 기본값을 정의해야합니다. 그런 초기화에 디폴트로 병합하는 옵션을 사용자에게 제공한다. 사용자가 기본값을 변경할 수 있도록 또한, 기본값을 노출 할 수 있습니다. 다음과 같이 jQuery를 플러그인에서 공통 모드입니다 :

$.fn.plugin = function( options ) {
    options = $.extend( {}, $.fn.plugin.defaults, options );
    // Plugin logic goes here.
};
 
$.fn.plugin.defaults = {
    param1: "foo",
    param2: "bar",
    param3: "baz"
};

구성 요소 라이브러리 (위젯 공장)도이 기능을 제공하며, 개선은 이루어지고있다. 위젯 라이브러리 (위젯 공장)를 사용 후에는 아래에서 확인하실 수 있습니다.

$.widget( "ns.plugin", {
 
    // Default options.
    options: {
        param1: "foo",
        param2: "bar",
        param3: "baz"
    },
 
    _create: function() {
        // Options are already merged and stored in this.options
        // Plugin logic goes here.
    }
 
});