Pełne przepisanie linii przyłączeniowych z bezpośrednią manipulacją DOM

Otherkamo-internal
Szycy
3 lutego 2026 00:26 UTC
Autor
kamo
Pochęt się
8e3997c

Kluczowe zmiany: - Użyj bezpośredniej manipulacji DOM (ustawAt) zamiast stanu React dla aktualizacji linii - Pojedyncza pętla rAF działa w sposób ciągły i aktualizuje wszystkie elementy ścieżki każdej klatki - Przechowywać ścieżki refs w Mapie i update d atrybut bezpośrednio w pętli animacji - Użyj refs do danych przyłączeniowych / elementów, aby uniknąć nieświeżych zamknięć w rAF - Usuń przejścia CSS (nie działaj dla atrybutu SVG d) - Rgłaczna faza animacji niezależnej od klatki i klatki - Pozycja myszy śledzona w ref, aktualizowana o mousemove, używana w pętli rAF - Znacznie bardziej wydajny: brak React re-renderów potrzebnych do aktualizacji linii - Linie teraz aktualizują się w czasie rzeczywistym podczas przeciągania, a nie tylko na upuszczanie

Wszystkie zmiany

Jak to, co widzisz żeglugę?

Każda z tych aktualizacji automatycznie ląduje w miejscu pracy. Zacznij za darmo i obserwuj, jak rośnie tydzień po tygodniu.

Start Free ForeverZobacz ceny