2010-05-10 32 views
27

Vì vậy, tôi đang tìm kiếm một khóa học xử lý tốt trên localstorage và tương tác với nó trong Javascript. Tôi muốn xây dựng một webapp danh sách việc cần làm với một số chức năng bổ sung nhưng nó sẽ chỉ dành cho 1 người dùng. Tôi không muốn mess với php/mysql và có máy chủ làm bất cứ điều gì. Liên kết để hướng dẫn sẽ là tốt nhất :-DJavascript + HTML5 localstorage

Trả lời

10

Có là tài liệu chính thức:

http://dev.w3.org/html5/webstorage/

Đối với một bản demo nhanh chóng với mã: cũng nhiều http://html5demos.com/storage demo html5 tại thư mục gốc của trang web đó.

Note cũng có những thứ như YUI 2 Storage Utility mà trừu tượng lưu trữ cho bạn (HTML 5, Google Gears, SWF) tùy thuộc vào những gì các trình duyệt hỗ trợ:

Các tiện ích lưu trữ cung cấp một cơ chế để lưu trữ đáng kể lượng dữ liệu văn bản, phía máy khách, cho dù trình duyệt của bạn có hỗ trợ thông số HTML 5 lưu trữ được đề xuất hay không.

+0

Kể từ HTML5 không phải là ở khắp mọi nơi nào, đánh giá cao những khuyến nghị lớp trừu tượng để hỗ trợ ứng dụng web tốt hơn (Cập nhật: YUI đã chuyển sang [phiên bản 3] (http: // yuilibrary.com/)). Ngoài ra còn có [hack cũ hơn] (http://www.thomasfrank.se/sessionvars.html) có chia sẻ mụn cóc nhưng có thể hữu ích với các trình duyệt cũ hơn. – moodboom

+0

[jQuery's abstraction] (http://www.jquerysdk.com/api/jQuery.localStorage) rơi trở lại cookie. – moodboom

2

Tôi muốn giới thiệu một trong những câu hỏi khác được hỏi ở đây về cách lưu trữ các đối tượng trong localStorage. Nó đã giúp tôi rất nhiều khi tôi đang triển khai trình soạn thảo mã có thể lưu trữ nhiều tệp và trạng thái cuối cùng của người dùng.

The stackoverflow question
Cả hai câu trả lời được đăng đều rất có giá trị.

Một số điều cần xem xét:

  • Khi nào bạn lưu trữ dữ liệu, sau mỗi phím bấm hoặc sau khi một số hành động/sự kiện cụ thể khác?
  • Sử dụng cấu trúc dữ liệu Javascript tạm thời hoặc chỉ tương tác với localStorage trực tiếp?
18

Dưới đây là một khóa học sụp đổ sụp đổ Tôi thấy rất hữu ích. Nó giải thích một loạt các khái niệm HTML5, bao gồm localStorage, thẻ video, trang web ngoại tuyến, biểu mẫu, vị trí, canvas và hơn thế nữa.

http://diveintohtml5.org/storage.html

0
Store Data 

//Syntax 
localStorage.setItem(Key,Value); 

Demo

Các vấn đề liên quan