jQuery: das Gute, das Schlechte und das Hässliche

jQuery ist die größte Open-Source-, browserübergreifende, CSS3-kompatible JavaScript-Bibliothek überhaupt und macht clientseitige Skripterstellung zum Kinderspiel.

Die Syntax ist einfach und jQuery kann wunderschöne, fast Flash-ähnliche Animationen erzeugen. Im Gegensatz zu Flash ist jQuery auf iOS sichtbar und erstellt problemlos dynamische Webseiten.

jQuery erfreut sich immer größerer Beliebtheit und angesichts der jüngsten jQuery-Konferenz, die Ende Juni in San Francisco stattfand, scheint es ein günstiger Zeitpunkt zu sein, ein Gespräch über jQuery und insbesondere einige der Vor- und Nachteile seiner Verwendung für anspruchsvollere Aufgaben zu beginnen.

Das gute

Das Beste an jQuery ist vielleicht, dass Sie kein Programmiergenie sein müssen, um Kunden zu begeistern.

Normalerweise gibt es mehr als eine Möglichkeit, eine Katze zu häuten, aber die Möglichkeit, Plug-Ins zusätzlich zur Basisbibliothek hinzuzufügen, macht jQuery zu einer unglaublich flexiblen und vor allem schnellen Lösung. Verwendung von CSS Mai In einigen Fällen ist dies die bessere Wahl (siehe unten). Wenn Ihre Programmierkenntnisse jedoch eingeschränkter sind, hilft Ihnen die Auswahl von jQuery dabei, Ihre Arbeit zu erledigen.

Die Webentwicklung ist allzu oft ein Prozess, bei dem es an Zeit mangelt, und die Einsparung von Minuten oder sogar Stunden an Arbeit ist oft kein Luxus, sondern eine Notwendigkeit. John Resig und die anderen Entwickler hinter dem jQuery-Projekt verstehen wirklich die Zeit-/Geldgleichung, mit der Webentwickler täglich konfrontiert werden. Eine schnelle Implementierung bedeutet in der Regel mehr Geld in Ihrer Tasche.

Die Ausführlichkeit von JavaScript, die Komplexität der CSS-Implementierung und die weithin bekannten Nachteile von Flash machen jQuery zur praktischsten Lösung für viele häufige Probleme, einschließlich DOM-Transversen, Ereignisbehandlung, AJAX-Interaktionen und Animation.

Sowohl Microsoft als auch Nokia stehen hinter jQuery und planen, es in ihre neuen Plattformen zu integrieren, was auf eine glänzende Zukunft schließen lässt. Darüber hinaus steht fast jeder in der Open-Source-Community hinter jQuery, weil:

  • Die Unterstützung der Community ist groß
  • Es macht die DOM-Manipulation schmerzlos
  • Es funktioniert gut mit AJAX
  • Es macht einfache Animationen zum Kinderspiel
  • Die Setauswahl ist schmerzlos
  • Es gibt Plug-Ins
  • Fehler werden schnell erkannt und behoben

Open Source ermöglicht schnelles und dynamisches Wachstum. Sie müssen sich keine Sorgen um Lizenzen machen und es ist kostenlos. Free bedeutet tatsächlich eine Gemeinschaft von Köpfen, die weitaus umfassender und intelligenter ist als die Entwickler, die von einem Unternehmen gefangen gehalten werden.

Lesen:  Was ist SEO-Basisinhalt und wie wird er aufbereitet?

Der Kern von jQuery wurde von einigen der brillantesten Köpfe der Branche entwickelt und die Entwicklung explodiert buchstäblich.

Scherenschnitt eines Geschäftsmannes auf einem alten Buch über Shutterstock

Das Schlechte

Open Source hat seine Probleme: Beispielsweise ist nicht alles nach einem gemeinsamen Standard aufgebaut. Dies ist in Ordnung, wenn Ihr Kunde – oder wahrscheinlicher Sie – die Zeit und das Geld hat, Code zu optimieren. Wenn jedoch Zeit, Geld, Können oder beides knapp ist, steht man mit dem Rücken zur Wand, wenn etwas schief geht.

Die neueste stabile Version von jQuery (v1.7.2) wurde am 21. März 2012 veröffentlicht, sodass die Möglichkeit, aus dem Community-Pool gemeinsame Lösungen für genau Ihr Problem zu finden, wahrscheinlich noch einige Zeit knapp sein wird.

Ein weiteres großes Problem bei jQuery besteht darin, dass es mehrere Versionen gibt. Einige Versionen harmonieren gut mit anderen, andere nicht. Beispielsweise ist die Browserkompatibilität mit Animationen seit langem ein Problem bei jQuery-Animationen. Wenn Sie sicherstellen, dass Sie derzeit das neueste jQuery-Update ausführen, werden viele der bekannten Probleme im Zusammenhang mit jQuery-Animationen behoben. Sie haben jedoch die Wahl, die Bibliothek selbst zu hosten und kontinuierlich zu aktualisieren oder die Bibliothek von Google zu laden und das Risiko einer Inkompatibilität mit Ihrem Code einzugehen neue Versionen werden veröffentlicht.

Das AJAX-Steuerungstoolkit bietet serverseitige Steuerungen. Dies gibt einem Entwickler viel mehr Leistung und Flexibilität. Aber das AJAX-Toolkit ist im Vergleich zu jQuery groß und umfangreich. Während sich jQuery weiterentwickelt, wird sich der leichtgewichtige Code wahrscheinlich durchsetzen, insbesondere mit Microsoft an Bord – durch die Unterstützung von jQuery gibt Microsoft im Wesentlichen seine eigenen MicrosoftAjax.js auf. Oberflächlich betrachtet sind die Ergebnisse der Verwendung von jQuery für den Umgang mit XML wirklich cool; Es gibt so wenige Codezeilen, es scheint alles so einfach zu sein …

Der Umgang mit AJAX und jQuery ist jedoch ein häufiger Bereich, in dem die Nachteile, die man hat, wenn man kein wirklicher Programmierer ist, häufig deutlich werden. Beispielsweise ist es von entscheidender Bedeutung, die grundlegenden Unterschiede zwischen GET- und POST-HTTP-Anfragen zu verstehen, und doch arbeiten so viele Designer, denen dieses Wissen fehlt, weiter und erwarten, dass jQuery ihre Lücke schließt. Es gibt Fallstricke, die den Designern möglicherweise nicht bewusst sind. Beispielsweise kann die Länge von GET-Anfragen begrenzt sein, und viele unerfahrene Programmierer wechseln einfach zu POST, um das Problem zu lösen. Dies kann eine schlechte Idee sein, da GET keine dauerhaften Änderungen am Server vornimmt, POST hingegen schon. POST ist kein Befehl, der willkürlich wiederholt werden sollte, dennoch wird er manchmal unabsichtlich verwendet.

Lesen:  Was ist Redis und was kann man damit in WordPress machen?

Ein weiteres häufiges serverseitiges Problem im Zusammenhang mit jQuery zeigt sich hässlich, wenn $.get anstelle von $.getJSON (Javascript-Objektnotation) verwendet wird. Wenn $.getJSON nicht für Datentransportprobleme verwendet wird, kann dies zu allen möglichen Schäden führen.

Kleiner Junge gibt vor, eine riesige Erdbewegungsmaschine zu fahren über Shutterstock

Es ist einfach, mit jQuery cool zu sein, aber es ist nicht so einfach, cool und korrekt zu sein.

Um jQuery und insbesondere cooles jQuery gut nutzen zu können, ist ein Engagement gegenüber der Community erforderlich. Die Entwicklung ist rasant und das ist spannend, kann aber auch wieder zu Zeitproblemen führen. Die Entwicklung geht in einigen Bereichen so schnell voran, dass es leicht passieren kann, dass ein Entwickler, wenn er der Community nicht regelmäßig folgt und daran teilnimmt, auf der Strecke bleibt. Dies ist ein zusätzlicher Zeitaufwand für Entwickler, die unter Zeitdruck stehen und versuchen, ein Unternehmen zu führen, mehrere Kunden zu betreuen, SEO- und Content-Marketing-Kampagnen umzusetzen und trotzdem ihre Kinder zu sehen.

Es ist notwendig, Ihren Kenntnisstand und die benötigte Zeit realistisch einzuschätzen, um bei allen neuen jQuery-Entwicklungen auf dem Laufenden zu bleiben.

Und das Hässliche

Die beiden großen Elefanten im Schrank im Zusammenhang mit jQuery bleiben zum Schluss übrig: Geschwindigkeit und Spaghetti-Code.

jQuery kann langsam sein und bei Animationen manchmal viel langsamer als die Verwendung von CSS. In einer großen, komplexen Website zählt jeder winzige Sekundenbruchteil. Dafür gibt es zwei Gründe: Mehrere DOM-Manipulationen übereinander können eine Website verlangsamen; Zweitens verwendet CSS browserseitige Übergänge für Animationen und ist in C++ geschrieben. Dadurch ist es etwas schneller als JavaScript.

jQuery-Spaghetti, wenn Sie noch nicht darauf gestoßen sind, werden Sie es mit der Zeit tun. Das größte Merkmal von jQuery – seine Benutzerfreundlichkeit – ist auch seine Achillesferse. jQuery ist eine Bibliothek, die bei DOM-Transversen und CSS-Selektoren helfen soll. Dies geschieht mit erstaunlicher Effizienz. Es ist nicht dazu gedacht, als Framework für die clientseitige Interaktion verwendet zu werden. Bei falscher Verwendung, insbesondere bei jQuery-CSS-Selektoren, kann das Endergebnis ein Code sein, der in einer monströsen .js-Datei immer weiter wächst, bis er nicht mehr verwaltet werden kann. Fügen Sie Rückrufe, ein paar kosmetische Designänderungen und generische Benennungen hinzu, und im weiteren Verlauf kann die Pflege einer jQuery-Site zu einem Albtraum werden.

Lesen:  So erstellen Sie eine Bekleidungs-Website: Eine Kurzanleitung, die Einzelhändlern beim Aufbau einer Online-Präsenz hilft

Vintage-Foto von zwei Jungen, die Spaghetti mit den Händen essen über Shutterstock

Die jQuery-Community befasst sich mit den Problemen rund um jQuery-Spaghetti. Cedric Dugas machte auf der Confoo auf jQuery-Spaghetti aufmerksam. Unter anderem widmet er sich der Aufgabe, Programmierer daran zu erinnern, Best Practices mit jQuery anzuwenden, um riesige Mengen Spaghetti zu verhindern. Wie ein Frontend-Designer bemerkte, muss man JavaScript kennen und verstehen, um jQuery wirklich gut nutzen zu können. Das Ausschneiden und Einfügen hat definitiv seine Nachteile, da es Ergebnisse ohne Verständnis ermöglicht. Dies kann zwar eine Zeit lang funktionieren, kann aber auch zu allen möglichen langfristigen Wartungsproblemen führen.

Die Verwendung eines guten Frameworks kann dazu beitragen, einige der jQuery-Spaghetti zu vermeiden. Leider sind Frameworks wirklich ein neues Gebiet und es braucht Zeit, die richtigen Frameworks auszuwählen und sie gut miteinander zu harmonieren. Auch diese zusätzliche Zeit muss in der jQuery-Gleichung berücksichtigt werden. Im Moment gibt es viele Frameworks, die den clientseitigen MVS-Framework-Bereich dominieren wollen. Backbone.js ist derzeit am beliebtesten, hat aber ernsthafte Konkurrenz.

Zusammenfassend

jQuery ist eine der besten Bibliotheken auf dem Markt und kann das Schreiben von JavaScript erheblich erleichtern. Wie viele andere Tools eignet sich jQuery jedoch am besten für die Verwendung durch einen erfahrenen Handwerker. Fallen wir alle in diese Kategorie? Natürlich nicht. Bedeutet das, dass wir jQuery nicht verwenden sollten? Natürlich nicht. Es deutet nur darauf hin, dass es in den meisten Fällen eine gute Idee ist, genug Verstand zu haben, um um Hilfe zu bitten, wenn man überfordert ist.

Benutzen Sie jQuery und beherrschen Sie auch JavaScript? Benötigen Sie Programmierkenntnisse, um jQuery zu implementieren? Teilen Sie uns Ihre Meinung in den Kommentaren mit.

Aktuelle Artikel:

Empfohlen