[johny-kalesonny]

Robię taki malutki program, w którym stworzyłem sobie grid złożony z divów, które chciałbym kolorować przez najechanie na nie kursorem. Tu jest kod: http://pastebin.com/CuPK9cEJ

Sęk w tym, że całość jest cholernie wolna. Strzelam, że chodzi o tę część:

$('.cell').hover(function() {
 $(this).css({'background-color': 'black'});
 });

Jak przyspieszyć ten kod?

#naukaprogramowania #jquery

[paziu]

@johny-kalesonny: vanilla.js

[alosha]

@johny-kalesonny: polecam codepen.io do takich przykładów.

[Kain_to_Charlie_a_Delta_to_Kain]

@johny-kalesonny: moze cachowanie zmiennych pomoże? I czemu nie w czystym css hover?

[k.....n]

@paziu z jednej strony tak, z drugiej i tak się jquery powinno cacheowac

[paziu]

I czemu nie w czystym css hover?

@Kain_to_Charlie_a_Delta_to_Kain: bo pewnie kolor po wyjechaniu kursorem ma pozostac

[Kain_to_Charlie_a_Delta_to_Kain]

@paziu: racja ( ͡° ͜ʖ ͡°)

[johny-kalesonny]

@paziu: A mógłbyś podpowiedzieć jak dodać EventListener dla hover w kontekście tego kodu? Dodawać to w pętli, gdzie tworzę nowe divy, czy dodać dla całej klasy 'cell' w bloku $document.ready()?

[paziu]

@johny-kalesonny: szybciej bedzie przy tworzeniu divow (po co wywolywac petle dwa razy), ale, szczerze mowiac, nie wiem, czy super wydajniej... zreszta tak naprawde nie wiem, co w oryginalnym kodzie ma wolno dzialac. jasne, jquery nie jest najwydajniejsza biblioteka pod sloncem, ale przyklad jest na tyle prosty, ze serio za wiele tutaj nie da sie zoptymalizowac.

wstawilem sobie nawet kod do plunkera zeby sprawdzic, coz, problemow nie zauwazylem
https://plnkr.co/edit/dwTNyKPq8oCh5jtf7HAw?p=preview