Dojo Lernen: Chaining-Animationen auf einer Sammlung von Objekten

Question

Ich mache einige grundlegende Übungen mit Dojo seine Syntax und Methoden zu erlernen.

Ich habe ein vereinfachtes Beispiel unten für den Zweck des Lernens Verkettungs Animationen auf einer Gruppe von Elementen erstellt.

Könnte jemand ein Feedback über die Dojo-Code bieten ich geschaffen habe? Bin ich unter Verwendung der richtigen Bibliothek Funktionen in diesem Umstand? Welche der Dojo-Optionen denken Sie, ist die beste Lösung für diesen Anwendungsfall?

Als Referenz in jQuery würde ich erreichen dies mit:

$(function() {
    // jQuery
    $('div').fadeOut().fadeIn();
})

Für die Dojo-Lösung, ich habe mit vier Lösungen kommen, die auf das Vorhandensein von verschiedenen Dojos Komponenten verlassen:

// dojo
dojo.require("dojo.fx");
dojo.require("dojo.NodeList-fx");

dojo.addOnLoad(function() { 

    // Option 1: Using dojo.js only
    dojo.forEach(dojo.query('div'), function(div) {
        dojo.fadeOut({
            node: div,
            'onEnd': function() {
                dojo.fadeIn({
                    node: div
                }).play();
            }
        }).play()
    });    

    // Option 2: Using dojo.js and dojo.fx
    dojo.forEach(dojo.query('div'), function(div) {
        dojo.fx.chain([dojo.fadeOut({node: div}), dojo.fadeIn({node: div})]).play();
    });

    // Option 3: Using dojo.js, dojo.fx and dojo.NodeList-fx
    var divs = dojo.query("div");
    divs.fadeOut({
        'onEnd': function() {
            divs.fadeIn().play();
        }
    }).play()

    // Option 4: Using base, dojo.fx and dojo.NodeList-fx
    var divs = dojo.query('div');
    dojo.fx.chain([divs.fadeOut(), divs.fadeIn()]).play();

});

Answer 1

Meine Vorschläge sind die folgenden:

1. Benchmark und sehen, was am besten funktioniert.
2. Verwenden Sie, was Sie sich am wohlsten fühlen.
3. Imo Option 4 ist die beste.
4. Gehen Sie zum #dojo Kanal auf freenode. Es gibt große Jungs da (mich eingeschlossen), die Sie mit jeder Frage helfen Sie haben.