backbone.js và lưu trữ địa phương với nhiều tab trình duyệt/cửa sổ ghi đè dữ liệu

Question

chỉ là một câu hỏi rất ngắn về việc sử dụng Backbone.js với trữ Cục bộ:

Tôi đang lưu trữ một danh sách những thứ (bộ sưu tập Backbone) trong LocalStorage. Khi trang web của tôi mở trong nhiều cửa sổ/tab trình duyệt và người dùng trong cả hai cửa sổ sẽ thêm một thứ gì đó vào danh sách, thay đổi của một cửa sổ sẽ ghi đè các thay đổi được thực hiện trong cửa sổ khác.

Nếu bạn muốn thử cho chính mình, chỉ cần sử dụng các ví dụ Backbone.js Todo ứng dụng:

1. mở http://backbonejs.org/examples/todos/index.html trong hai tab trình duyệt
2. Thêm một mục 'ITEM1' trong tab đầu tiên và 'ITEM2 'trong tab thứ hai
3. Refresh cả tab: 'item1' sẽ biến mất và bạn sẽ được trái với 'ITEM2' chỉ

Bất kỳ lời đề nghị làm thế nào để ngăn chặn điều này xảy ra, bất kỳ cách tiêu chuẩn để de al với điều này?

Thxx

Answer 1

Vấn đề là vấn đề cập nhật mất đồng thời nổi tiếng bị mất, xem Lost update in Concurrency control?. Chỉ cần cho sự hiểu biết của bạn tôi có thể đề nghị sửa chữa nhanh chóng và dơ bẩn sau, nộp 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)); 
} 

Đối với latest Github version of Backbone localStorage, tôi nghĩ rằng điều này sẽ trông như thế này:

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

Bạn có thể muốn sử dụng sessionStorage để thay thế. Xem http://en.wikipedia.org/wiki/Web_storage#Local_and_session_storage.

Answer 3

bình luận Yaroslav về kiểm tra cho những thay đổi trước khi lưu giữ những cái mới là một giải pháp nhưng đề xuất của tôi sẽ khác. Hãy nhớ rằng localStorage có khả năng kích hoạt các sự kiện khi nó thực hiện các hành động thay đổi dữ liệu mà nó nắm giữ. Liên kết với những sự kiện đó và yêu cầu mỗi tab lắng nghe những thay đổi đó và xem lại sau khi nó xảy ra.

Sau đó, khi tôi xóa hoặc thêm vào một tab và chuyển sang tab tiếp theo, nó sẽ nhận được sự kiện và thay đổi để phản ánh những gì đã xảy ra trong tab khác. Sẽ không có sự khác biệt kỳ lạ trong những gì tôi thấy tab tab.

Bạn sẽ muốn đưa ra một số suy nghĩ để đảm bảo rằng tôi không mất thứ gì đó tôi đang thêm vào (nói bắt đầu nhập một mục mới cho danh sách việc cần làm của tôi), chuyển sang tab khác và xóa một cái gì đó, và sau đó trở lại Tôi muốn nhìn thấy mục nhập biến mất nhưng một phần mới của tôi đánh máy một phần vẫn nên có sẵn cho tôi.