Modulare JavaScript-Bibliothek mit jQuery-ähnlichen Funktionen

Question

jQuery und ähnliche Bibliotheken bieten eine Reihe nützlicher APIs für das DOM-Traversal und die Manipulation. Wenn Ihre Website eine hohe Anzahl von wiederkehrenden Besuchern aufweist, ist ihre Verwendung leicht zu rechtfertigen, da das Zwischenspeichern die Kosten für die Bandbreite für den Endbenutzer ausgleicht.

In anderen Fällen sind die Besucher der Website möglicherweise immer eindeutig und daher kann die Bandbreitenstrafe für diese Bibliotheken im Vergleich zu den Vorteilen für ein Entwicklungsteam zu hoch sein.

Gibt es Bibliotheken, die diese Art von DOM-Interaktion bieten, während Sie die für Ihre Seite relevanten Teile auswählen können?

Zum Beispiel

jQuery('#myId').addClass('error'); 

und viele andere APIs in jQuery kann in wenigen Zeilen Code repliziert werden, so ~ 50kB von Downloads zu vermeiden.

Die Frage ist also, existiert eine Bibliothek, die diese Funktionen mit wenig Abhängigkeit von anderen Aspekten der Bibliothek enthält, oder muss ich sie selbst erstellen, wenn nötig?

Gibt es Mechanismen/Tools, um vorhandene Bibliotheken wie jQuery in ihre minimalen Komponenten zu zerlegen?

Answer 1

Wie besprochen here, wenn Sie Google als Host der Bibliotheken verwenden, hat der Benutzer wahrscheinlich bereits im Cache gespeichert, bevor sie überhaupt auf Ihre Website gelangen.

This page zeigt Ihnen, welche Bibliotheken unterstützt werden. Derzeit:

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo
• SWFObject Neu!
• Yahoo! Benutzeroberflächenbibliothek (YUI) Neu!

---

Ich bin ganz Ihrer eigenen für Rollen, aber sicher sein, Sie alle Fehler aller Browser-Versionen, wenn Sie nicht über eine Bibliothek verwenden.

Keine schlechte Idee, obwohl. Es wäre schön, wenn Sie eine benutzerdefinierte Version von jQuery erstellen könnten. Ich würde besonders gerne eine für iPhone Mobile Safari und Adobe AIR, die alle nicht-Webkit Zeug entfernt.

Answer 2

Auschecken Sly. Nur 3kB.

Answer 3

Die Produktionsversion von jQuery ist 19k, das gleiche wie ein eher kleines Bild. Keine strenge Bandwidh-Strafe in meinem Buch!

Bearbeiten: ..und lohnt sich auch k.

Answer 4

Mit MooTools können Sie nur die gewünschten Teile herunterladen. Wenn alles, was Sie wollen, für JSON AJAX-Anfragen ausreicht, haben Sie es.

http://mootools.net/core

Answer 5

Sorry Leute ich irgendwie verloren die Seite, in dem man über JS Bibliotheken Konflikte Lösung wurde gefragt.

Ich hatte das gleiche Problem, aber jetzt löste ich es nach dem Spielen mit einigen JQuery-Skripten. Ich weiß, es ist ein bisschen Schmerz in * aber lassen Sie es Schritt für Schritt tun.

Zunächst möchte ich Ihnen sagen, dass ich in meinem Projekt zwei verschiedene Bibliotheken verwende. Ich benutze Lightwindow und JQuery. Ich konnte nicht beide Bibliotheken richtig funktionieren, aber ich kam mit dem folgenden Skript. Sie müssen dieses Skript innerhalb jeder Funktion verwenden, die die JQuery-Funktionen verwenden soll:

// Diese Zeile besagt, dass das Dollarzeichen $ zur JQuery-Bibliothek gehört.

jQuery (document) .ready (function ($) { // Ihr Quellcode geht hier

.});

Lets verwenden Sie es in wenig detailliert. In meinem Szenario eine Klick-Taste Ich habe die folgende Funktion aufrufen annehmen:

 function popups(message, heading, actionlink, linkName) { 

// Das ist die Linie, die den Rest des Quellcodes sagen // JQuery Funktionen zu erkennen.

  jQuery(document).ready(function($) { 

      // get the screen height and width  
      var maskHeight = $(document).height();  
      var maskWidth = $(window).width(); 


      // assign values to the overlay and dialog box 
      $('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show(); 
      $('#dialog-box1').show(); 


      // display the message 
      $('#dialog-message-row').html(message); 
      $('#dialog-message-heading').html(heading); 
      $('#dialog-message-actionlink').html("<a onclick=function('x') class='button' id='delete'>"+linkName+"</a>"); 

      });//CLOSE JQuery translator 
     }