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!
