Wie kann man jQuery modularer codieren?

8

Ich benutze ein Framework (Django) und ich habe viel Flexibilität beim Schreiben von HTML. Ich denke, dass die Art, wie ich jQuery schreibe, besser sein könnte.

Nehmen Sie dies zum Beispiel: meistens überall, wo ein Submit-Button auf unserer Seite erscheint, wandeln wir ihn in einen schöneren Button um (nimmt die ursprünglichen Werte und das Verhalten und ersetzt es im Grunde). Dies ist nur ein Beispiel, aber es gibt viele Anwendungsfälle, in denen ich HTML-Snippets auf der Website platziert habe und die übergeordnete Struktur keine Ahnung hat, was auf der Seite von Javascript manipuliert werden muss. Also zweiteilige Frage: ist es effizient, etwas auf 100 Seiten auszuführen, die nur auf 50 verwendet werden (jQuery-Plugin, das zuerst nach einem eingepackten Satz sucht), und wenn ich nur einen modularen Ansatz mit meiner jQuery haben möchte, wie würde Ich gehe darüber?

    
xckpd7 15.11.2011, 16:44
quelle

3 Antworten

1

Wenn das grundlegende Anliegen in Ihrer Frage Modulares Programmieren ist. Ich studiere gerade Douglas Crockfords "JavaScript: The Good Parts" .

Aus diesem Buch:

  

Funktionen sind die grundlegende modulare Einheit von JavaScript. Sie sind   verwendet für die Wiederverwendung von Code, das Ausblenden von Informationen und die Zusammensetzung.

So wie in JavaScript alle Funktionen Objekte sind, können Sie die Objektliteralnotation verwenden, um Top-Level-Strukturen als Module auf diese Weise zu definieren:

%Vor%

Eigentlich ist mein Weg, meinen ganzen jQuery-Code in WordPress / Joomla usw. zu strukturieren, wo wir denselben Bereich mit einer Menge von Fremd-Javascript-Code teilen.

    
Igor Parra 15.11.2011 20:18
quelle
0

Bei richtigem Caching ist es definitiv effizienter, eine einzige minimierte .js-Datei zu haben. Es wird nur einmal geladen und es wird nur 1 Anruf pro Seite geben. Wenn Sie Ihren Code modularisieren, werden Sie am Ende mehr Anfragen ausführen, während Sie die zusätzliche js nicht speichern, da diese sowieso zwischengespeichert wird.

    
Andrew 15.11.2011 16:50
quelle
0

Das brauchen Sie: Ссылка . Aber es ist immer noch sehr experimentell. Schauen Sie sich jetzt die Google Closure Tools an.

    
voscausa 08.05.2012 23:08
quelle