2010-05-10 19 views
27

Así que estoy buscando un buen curso intensivo sobre el almacenamiento local e interactuando con él en Javascript. Quiero crear una aplicación web de tareas pendientes con alguna funcionalidad adicional, pero sería solo para 1 usuario. No quiero meterme con php/mysql y hacer que el servidor haga cualquier cosa. Los enlaces a tutoriales sería mejor :-DJavascript + HTML5 localstorage

Respuesta

10

Existe la documentación oficial:

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

Para una rápida demostración con código: http://html5demos.com/storage también más demos html5 en la raíz de ese sitio.

en cuenta que hay también cosas como el YUI 2 Storage Utility la que abstraer el almacenamiento para usted (HTML 5, Google Gears, SWF) dependiendo de lo que es compatible con el navegador:

La Utilidad de almacenamiento proporciona un mecanismo para almacenar significativa cantidades de datos textuales, del lado del cliente, si su navegador admite o no la especificación HTML 5 de almacenamiento propuesta.

+0

Desde HTML5 no está en todas partes, sin embargo, apreciar la recomendación capa de abstracción para un mejor soporte de aplicaciones web (Actualización: YUI ha trasladado a [versión 3] (http: // yuilibrary.com/)). También hay un [antiguo truco] (http://www.thomasfrank.se/sessionvars.html) que tiene su parte de verrugas, pero podría ser útil con navegadores más antiguos. – moodboom

+0

[abstracción de jQuery] (http://www.jquerysdk.com/api/jQuery.localStorage) vuelve a las cookies. – moodboom

2

Recomendaría una de las otras preguntas que se hacen aquí acerca de cómo almacenar objetos en localStorage. Me ayudó mucho ya que estoy implementando un editor de código que puede almacenar múltiples archivos y el último estado del usuario.

The stackoverflow question
Ambas respuestas publicadas son muy valiosas.

Algunas cosas a tener en cuenta:

  • Cuando Cómo se almacenan los datos, después de cada tecla pulsada o después de alguna otra acción/evento específico?
  • ¿Usa una estructura temporal de datos de Javascript o solo interactúa directamente con localStorage?
18

Aquí está un curso acelerado accidente me pareció muy útil. Explica una serie de conceptos HTML5, incluidos localStorage, etiqueta de video, sitios web fuera de línea, formularios, ubicaciones, lienzo y más.

http://diveintohtml5.org/storage.html

0
Store Data 

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

Demo

Cuestiones relacionadas