js/jQuery 라이브러리 작성 방법(경험 요약)

작성js/jQuery 플러그인에는 몇 가지 일반적인 루틴이 있으므로 이러한 루틴에 따르면 코드 구조에 큰 문제가 없으므로 특히 권장됩니다. javascript-patterns라는 프로젝트를 하면서 몇 가지 데모를 통해 많은 것을 배웠습니다.

기본구조

일반 라이브러리

가장 기본적인 익명기능으로 구현 가능

(function(){
    var root = this;
    root.YOURLIB = function(){
        FUNC1 : function(){},
        FUNC2 : function(){}
    }
}())

클로저 대신 호출을 사용할 수도 있습니다. 이 경우 두 가지 작성 방법은 동일합니다. Undersocre.js는 호출 작성 방법

(function(){
    var root = this;
    root.YOURLIB = function(){
        FUNC1 : function(){},
        FUNC2 : function(){}
    }
}.call(this))

jQuery 플러그인

CMD/AMD/Browser 크로스 플러그인을 만들려면 다음 방법을 사용할 수 있습니다

(function (factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD
        define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        factory(require('jquery'));
    } else {
        // Browser globals
        factory(jQuery);
    }
}(function ($) {
    $.fn.render = function() {}
    $.render2 = function() {}
}))

물론 Seajs와 RequireJS를 고려하지 않는 경우 가장 편리한 방법은 다음과 같습니다. 익명 함수를 사용한 다음 window.jQuery를 매개변수로 사용합니다.

내부 조직

우리는 다음 두 프로젝트를 사용합니다:

bootstrap-select v1. 6.3, 부드러운 스크롤 분석,

초기화

일반 라이브러리는 기본 구성 파일 세트를 제공하고 확장 및 사용시 사용자 정의 설정으로 부드럽게 스크롤

settings = extend(defaults, options ||{})); 写法就相当赞，可以以一种十分简单的方式防止空指针异常。

나머지는 업무에 따라 업무를 나누는 기능입니다.

그리고 댓글에 private, public을 써서 외부 인터페이스와 내부 인터페이스를 구분하는 것도 좋은 습관입니다. 은 원본 라이브러리 파일과 분리될 수 있습니다. 자세한 내용은 bootstrap-datapicker

THE END

를 참조하세요.

위 내용은 js/jQuery 라이브러리 작성 방법(경험 요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!