Piszę niestandardowy edytor HTML. Użytkownik może edytować całą treść HTML, a zmiany zostaną zaktualizowane w DOM. Mamy opcję cofnięcia wszystkich zmian.Cofanie zmian dom w JS
logicznych:
Clone cały pojemnik przed dokonaniem zmiany i zastosować go ponownie.
Wady:
Przechowywanie ogromny zmienną w pamięci JS.
Po ponownym zastosowaniu zmian dom zmieni wszystko.
Czy istnieje sposób na osiągnięcie tego samego ?.
Mógłbyś spróbować użyć trochę kompresji w celu zmniejszenia ilości pamięci:
przeznaczenia Przechowywanie internetowej, aby zachować historię DOM.
Wyobraź sobie, że chcesz cofnąć ostatnie trzy wykonane akcje. Nie należy zapisywać go w pamięci, ponieważ można stracić informacje na temat odświeżania strony. I naprawdę nie wiesz, czy ta akcja zostanie użyta do zapisania w pamięci.
Możesz używać pamięci internetowej z kompresją danych, aby zachować najmniejszą ilość danych.
Twoje pytanie jest bardzo przydatne. Nie wiem, jaki jest optymalny sposób radzenia sobie z tą sytuacją, ale wiem, że istnieje Command Design Pattern, który może działać w tym przypadku. Dzięki wzorcowi polecenia Command można cofnąć zdarzenia zapisane w programie. Dla mnie zrozumienie, że używanie Wzorca projektowania Command polega na tym, że musisz mieć funkcje, które działają odwrotnie, gdy chcesz coś cofnąć. Na przykład, jeśli chcesz cofnąć dodanie wyniku funkcji, musisz mieć funkcję odejmowania. Do funkcji rysowania musisz mieć funkcję czyszczenia/wymazywania. Oto JavaScript example.
ponieważ używasz jquery, czemu nie przechowywać sklonowanej domeny jako ciągu znaków, a następnie użyć '.html()', aby ponownie zainstalować. w ten sposób przechowujesz tylko łańcuchy, a nie fragmenty domingu. – atmd
Przechowywanie ciągów html nie wymaga dużej ilości pamięci i najprawdopodobniej jest to, co i tak będzie wysyłane na serwer. – charlietfl
contentEditable strony obsługują polecenia cofania, ale nie wiem, jak dobrze obsługa przeglądarki to jest – the8472