JavaScript Animation mit Safari

Question

Ich versuche, Web-Anwendungen zu erstellen, die JavaScript verwenden. Ich möchte in diesen Anwendungen Animationen verwenden können. Ich habe versucht, grundlegendes JavaScript zu verwenden, aber ich habe entschieden, dass es am besten ist, eine Bibliothek zu verwenden (z. B. YUI oder jQuery).

Ich renne in ein Problem. In Safari, wenn ich Animationsskripte benutze, ist die Animation sehr klobig, sehr blockig. Dies geschieht sowohl mit YUI als auch mit grundlegendem JavaScript. Warum passiert das? Gibt es gute Bibliotheken, die dieses Problem nicht in Safari verursachen, aber auch gut für Internet Explorer und Firefox (und hoffentlich Opera)?

Answer 1

JQuery hat Animation, aber ich weiß nicht, wie es auf einem Mac ist (ich habe keinen Mac). Wenn die Dinge langsam laufen, machen Sie die Animationen wahrscheinlich zu kompliziert. Denken Sie daran, dass JavaScript eine langsame Sprache ist und DOM nicht für Animationen gedacht ist. Versuchen Sie also, sich auf die Anzahl der Animationen gleichzeitig zu beschränken. Fragen Sie immer, ob die Animation wirklich notwendig ist.

Answer 2

Nun, für Anfänger könnten Sie CSS-Transformationen verwenden, wenn die Anwendung Safari-spezifisch ist. Ansonsten hat JQuery einige eingebaute Animationen und eine große Community dahinter (und somit ein großes Plugin-Repository).

Answer 3

Ich habe MooTools gefunden, um ziemlich glatt für Animationen zu sein, gerade ein wenig glatter als jQuery.

Ich bevorzuge in der Regel jQuery, die ich ein wenig intuitiver finde (in meinem Kopf sowieso), aber ich würde MooTools verwenden, wenn glatte Animation die wichtigste Voraussetzung ist.

Answer 4

Sie können einige Beispielcode herunterladen und lokal überprüfen, um sicherzustellen, dass die Dinge funktionieren sollen. Beispielsweise können Sie den Quellcode für B & Ks jQuery-Buch unter http://www.manning.com/bibeault/ (überprüfen Sie den Quelllink) und probieren Sie die Beispiele für Kapitel 5. Wenn diese Seiten (lokal) für Sie auf Safari funktionieren, dann zumindest wissen Sie Ihre grundlegende Umgebung ist gesund.

Ich habe ähnliche Probleme, und ich vermute, es gibt Safari Bugs, dass jQuery stolpert. Aber ich habe noch nicht herausgefunden, ob ich schlampigen Code schreibe (wobei FF vielleicht mehr verzeiht als Safari), oder ob es Safari ist oder ob es jQuery ist. Ich werde mehr posten, wenn ich etwas weiser werde.

Answer 5

Seltsam, WebKit (die JavaScript-Engine, die Safari verwendet) soll ziemlich schnell sein. Stellen Sie sicher, dass Sie über die neueste Version verfügen. Die JavaScript-Engines in den Safari- und Firefox-Versionen der letzten Zeit haben große Fortschritte gemacht. Außerdem denke ich Dojo und MooTools haben schnellere Animationen als jQuery, zumindest in meiner Erfahrung.