decente html5 ejemplos de almacenamiento y almacenamiento en caché fuera de línea

Question

Estoy ansioso por probar el almacenamiento y el almacenamiento en caché html sin conexión con miras a desarrollar un prototipo para mostrar las capacidades de aplicación web fuera de línea de html5.

he encontrado algunas muestras en WebKit específica, pero estoy luchando para encontrar ejemplos de código decente que incluso funciona en absoluto en Firefox 3.6

Para una muestra, estaría feliz con algo que funciona con lo siguiente:

• Nuestra empresa utiliza jquery extensivamente, por lo que preferiría muestras que usan esa biblioteca o javascript puro.
• debería al menos trabajar en Firefox (3.6 o superior está muy bien)

Puede alguien me punto a algunos enlaces que proporcionan algunas muestras de orientación y de código?

Answer 1

Ver http://hacks.mozilla.org/?s=localStorage

Firefox no es compatible con la API de base de datos SQL, si eso es lo que estás buscando.

Answer 2

Recomiendo mirar el CSS Ninja 's Font Dragr demonstration que, aunque diseñado principalmente para demostrar el File API para HTML5 utilizando Firefox, también hace uso de almacenamiento sin conexión.

Si nada más, este tipo sabe lo que hace y puede sugerir buenos ejemplos.

Answer 3

He encontrado esta página bastante buena de demos html5 recientemente, así que pensé en publicarla aquí.

html5demos.com

Editar - otro enlace que puede ayudar:

Desde el equipo de desarrollo de Google Chrome viene HTML5Rocks, un sitio para ofrecer y educar a los webmasters sobre las nuevas características impresionantes de HTML5.

www.html5rocks.com

Edición # 2 - este es uno de los mejores artículos que he encontrado todavía:

wrapping things nicely with html5 local storage

Answer 4

me encontré con este ejemplo, es el más simple mejor/He visto con localstorage. Solo muestra el almacenamiento local (persistente), no el almacenamiento de la base de datos. Además, si usted quiere almacenamiento de sesión, basta con cambiar "localStorage" a sessionStorage"

El javascript no podría ser más sencillo creo.

w3.org example

Y sí, funciona bien con FF (por lo menos para mí.)

Answer 5

Conociendo el almacenamiento fuera de línea soportado por todos los principales navegadores ahora, puse un plugin jQuery para manejar el estado del formulario. http://www.jasonsebring.com/dumbFormState y la fuente es pequeña y fácil de entender.

Recomiendo el enfoque de hacer la serialización usando JSON2.stringify: de Douglas Crockford https://github.com/douglascrockford/JSON-js para tomar un objeto en JavaScript y convertirlo en una cadena JSON. A continuación, puede salvar lo que sea window.sessionStorage o window.localStorage fácilmente de esta manera:

los datos de ajuste //

window.sessionStorage [ 'misdatos'] = JSON.stringify (someObject);

// conseguir de nuevo

someObject = jQuery.parseJSON (window.sessionStorage [ 'mydata']);

Otra cosa en que pensar es nombrar las llaves. Por lo que estaba haciendo, quería que fuera automático para que los nombres de las teclas se guardaran en base a 'dumbFormState-' + window.location.pathname + '-' + form index para asegurar que las claves fueran automáticamente únicas, entonces podría recorrerlas más tarde bórrelos marcando el prefijo 'dumbFormState-' haciendo coincidir las teclas, ya que no desea eliminar ningún otro elemento que las personas puedan usar.

Espero que ayude un poco.