CSS-Animationen vs JQuery-Animationen

Fast immer habe ich die JQuery-Animationen für web-Projekte arbeite ich an, aber ich Frage mich, wie CSS-Animationen sind anders. Ich weiß, die syntax ist unterschiedlich (offensichtlich), aber was sind einige Funktionen, die CSS-Animationen ist, dass JQuery nicht und Umgekehrt. Was sind die vor-und Nachteile der einzelnen? Hat man eine bessere Funktionalität? Wie effizient ist jeder?

InformationsquelleAutor michaelpri | 2014-11-23
  1. 9

    CSS3-animation-performance-Wettbewerb mit JavaScript, aber nicht unbedingt überlegen.
    Auf dieser Seite können Sie testen, mehrere browser-Animations-Techniken und finden Sie die tatsächlichen Unterschiede.

    https://greensock.com/js/speed.html

    CSS3-Animationen laufen in einem separaten thread als JavaScript, also seine sehr non-blocking.
    So CSS3 ist am besten, wenn Ihre Anwendung hat einige belasten.

    http://www.phpied.com/css-animations-off-the-ui-thread/

    CSS3-Animationen sind oft auch hardware-beschleunigt (die animation läuft auf der GPU statt von der CPU-Leistung steigern). Aber so sind viele JavaScript-Animations-tools.

    Das ist im Grunde technisch. Coding-Stil klug, Sie haben einige große Unterschiede zu. Die Auslösung von CSS3-Animationen ist in der Regel durch das hinzufügen und entfernen von dom-Klassen aus JavaScript. Also ist das Verhalten der Komponente endet das Leben zwischen 2 Dateien und in 2 Sprachen. Dies alles kann umgangen werden, aber es kann code, der härter zu Grunde geht.

    Also, wenn Sie wählen zu gehen mit CSS3-Animationen, ich empfehle nicht, dies zu tun in css, aber die Verwendung einer JavaScript-Bibliothek, ermöglicht das speichern Ihrer CSS3-Animationen in JavaScript. Oder Sie können wählen, eine JavaScript-nur die animation Bibliothek, wie GreenSock. So oder so empfehle ich die Speicherung von Animationen in JavaScript für workflow und die Einfachheit des Verstehens.

    InformationsquelleAutor Fresheyeball
  2. 4

    Ich denke, die wichtigste pro ist, dass CSS-Animationen sind Muttersprachler. Dies bedeutet, dass Sie gehen, um rufen Sie kompilierten code im browser und wahrscheinlich irgendeine hardware-Beschleunigung verfügbar ist. Dies bedeutet, dass CSS3-Animationen werden schneller und verbrauchen weniger Speicher.

    Hier ist ein interessanter Beitrag zu dem Thema aus der Entwickler des Opera-browser: https://dev.opera.com/articles/css3-vs-jquery-animations/

    InformationsquelleAutor Matthew Sant
Schreibe einen Kommentar