So schreiben Sie eine js/jQuery-Bibliothek (Zusammenfassung der Erfahrungen)

Das

Schreibenjs/jQuery-Plug-in verfügt über einige herkömmliche Routinen. Gemäß diesen Routinen treten keine großen Probleme in der Struktur des Codes auf. Bei diesem Projekt namens javascript-patterns habe ich aus einigen Demos viel gelernt.

Grundstruktur

Gewöhnliche Bibliothek

Sie kann mit der grundlegendsten anonymen Funktion implementiert werden

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

Sie können auch Call statt Closing verwenden. In diesem Fall sind die beiden Schreibmethoden gleichwertig.

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

jQuery Plug-in

Die folgende Methode kann verwendet werden, um das Plug-in CMD/AMD/Browser-übergreifend zu machen

(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() {}
}))

Natürlich, wenn Sie Seajs und nicht berücksichtigen RequireJS, der bequemste Weg besteht darin, anonyme Funktionen zu verwenden und dann window.jQuery als Parameter zu übergeben

Interne Organisation

Wir verwenden bootstrap-select v1 .6.3,Smooth-Scroll Lassen Sie uns diese beiden Projekte analysieren,

Initialisierung

Im Allgemeinen stellen Bibliotheken eine Reihe von Standardkonfigurationen bereit Dateien und verwenden Sie sie dann mit benutzerdefinierten Einstellungen. Die Art von

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

im erweiterten, reibungslosen Bildlauf. Das Einzige ist, mehr zu üben.

Darüber hinaus ist es eine gute Angewohnheit, externe Schnittstellen von internen Schnittstellen zu unterscheiden, indem man in Kommentaren „privat“ und „öffentlich“ schreibt.

i18n und Konfigurationsverwaltung

i18n bedeutet, dass alle internationalen Zeichen in Standardeinstellungen abgelegt werden, sodass die Internationalisierungsdatei

kann von der ursprünglichen Bibliotheksdatei getrennt werden. Weitere Informationen finden Sie unter Bootstrap-Datapicker

THE END

Das obige ist der detaillierte Inhalt vonSo schreiben Sie eine js/jQuery-Bibliothek (Zusammenfassung der Erfahrungen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!