backbone.js e storage locale con più schede del browser/windows sovrascrive i dati

Question

solo una breve domanda sull'uso Backbone.js con LocalStorage:

che sto memorizzare un elenco di cose (raccolta Backbone) in LocalStorage. Quando il mio sito web è aperto in più finestre/schede del browser e l'utente in entrambe le finestre aggiunge qualcosa all'elenco, le modifiche di una finestra sovrascriveranno le modifiche apportate nell'altra finestra.

Se volete provare da soli, basta usare l'esempio Backbone.js Todo app:

1. aperto http://backbonejs.org/examples/todos/index.html in due schede del browser
2. Aggiungere un elemento 'Elemento1' nella prima scheda e 'item2 'nella seconda scheda
3. Refresh entrambe le schede: 'item1' scomparirà e ti verrà lasciato con 'item2' solo

eventuali suggerimenti su come evitare che ciò accada, qualsiasi modo standard per de con questo?

thxx

Answer 1

Il problema è noto problema di aggiornamenti persi da concorrenza, vedere Lost update in Concurrency control?. Solo per la vostra comprensione che potrebbe proporre la seguente correzione rapida e sporca, archiviare backbone-localstorage.js, Store.prototype.save:

save: function() { 
    // reread data right before writing 
    var store = localStorage.getItem(this.name); 
    var data = (store && JSON.parse(store)) || {}; 
    // we may choose what is overwritten with what here 
    _.extend(this.data, data); 

    localStorage.setItem(this.name, JSON.stringify(this.data)); 
} 

Per la latest Github version of Backbone localStorage, credo che questo dovrebbe essere simile a questo:

save: function() { 
    var store = this.localStorage().getItem(this.name); 
    var records = (store && store.split(",")) || []; 
    var all = _.union(records, this.records); 
    this.localStorage().setItem(this.name, all.join(",")); 
} 

Answer 2

Si consiglia di utilizzare sessionStorage invece. Vedi http://en.wikipedia.org/wiki/Web_storage#Local_and_session_storage.

Answer 3

commento di Yaroslav sulla verifica per le modifiche prima di persistere di nuove è una soluzione, ma il mio suggerimento sarebbe diverso. Ricordare che localStorage è in grado di attivare eventi quando esegue azioni che modificano i dati che contiene. Associare a tali eventi e fare in modo che ogni scheda rilevi tali modifiche e visualizzi nuovamente il rendering dopo che è stato eseguito.

Quindi, quando si effettuano cancellazioni o aggiunte in una scheda e si passa a quella successiva, si otterrà un evento e si cambierà per riflettere ciò che è accaduto nell'altra scheda. Non ci saranno strane discrepanze in ciò che vedo tab in tab.

Vorrete pensare a fare in modo che non perda qualcosa che ero nel mezzo di aggiungere (dire che inizio a digitare una nuova voce per la mia lista di cose da fare), passare ad un'altra scheda ed eliminare qualcosa, e poi tornare indietro Voglio vedere la voce scomparire ma il mio nuovo elemento parzialmente digitato dovrebbe essere ancora disponibile per me.