> 웹 프론트엔드 > JS 튜토리얼 > js/jQuery 라이브러리 작성 방법(경험 요약)

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

PHPz
풀어 주다: 2017-04-02 15:51:15
원래의
1592명이 탐색했습니다.

작성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 === &#39;function&#39; && define.amd) {
        // AMD
        define([&#39;jquery&#39;], factory);
    } else if (typeof exports === &#39;object&#39;) {
        // CommonJS
        factory(require(&#39;jquery&#39;));
    } 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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