Annulla modifiche dom in JS

Question

Sto scrivendo un editor HTML personalizzato. L'utente può modificare un intero contenuto HTML e le modifiche verranno aggiornate in DOM. Abbiamo un'opzione per annullare tutte le modifiche.

Logic:

clonare un intero contenitore prima di effettuare il cambiamento e applicare di nuovo.

Svantaggi:

1. Memorizzazione di un enorme variabile nella memoria js.

2. E applicando nuovamente le modifiche, un dom ridisegnerà tutto.

Esiste un modo per ottenere lo stesso ?.

Answer 1

Si potrebbe provare a utilizzare un po 'di compressione al fine di ridurre la quantità di memoria:

• http://pieroxy.net/blog/pages/lz-string/index.html
• http://code.google.com/p/jslzjb/
• String compression in JavaScript

Answer 2

utilizzare l'archiviazione sul web per mantenere la storia DOM.

Immaginate di voler annullare le ultime tre azioni eseguite. Non dovresti salvarlo in memoria perché puoi perdere informazioni su un aggiornamento della pagina. E davvero non sai se questa azione verrà utilizzata per salvare in memoria.

È possibile utilizzare la memoria Web con la compressione dei dati per mantenere la più piccola quantità di dati.

Answer 3

La tua domanda è molto utile. Non so quale sia il modo ottimale di gestire questa situazione, ma so che c'è lo Command Design Pattern che potrebbe funzionare in questo caso. Con Command Design Pattern puoi annullare eventi che sono stati salvati nel tuo programma. A mio avviso, il trucco per usare Command Design Pattern è che è necessario avere funzioni che facciano la cosa opposta quando è necessario annullare qualcosa. Ad esempio, se è necessario annullare il risultato della funzione aggiungi, è necessario avere la funzione sottrazione. Per la funzione di disegno è necessario avere una funzione di cancellazione/cancellazione. Ecco JavaScript example.