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
Sin experiencia personal, sino que llegó a través de este enlace hoy: http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/
que une a esta: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/
Que se diviertan!
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.
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?
Este pequeño tutorial/fragmento de código me ayudó a comenzar.
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.
Store Data
//Syntax
localStorage.setItem(Key,Value);
- 1. HTML5 localStorage security
- 2. Looping a través de localStorage en HTML5 y JavaScript
- 3. LocalStorage HTML5 para activos (hojas de estilo, JavaScript, imágenes, etc.)
- 4. ¿Cómo funciona localStorage en HTML5?
- 5. Javascript localStorage y dominios
- 6. HTML5 localStorage space limit en iPad Safari
- 7. ¿Dónde almacena Firefox javascript/HTML localStorage?
- 8. Android - Lectura de datos localStorage HTML5 directamente desde Java
- 9. HTML5 Localstorage & jQuery: Eliminar claves localstorage comenzando con una palabra determinada
- 10. PHP & localStorage;
- 11. HTML5/JavaScript: nombre y valor de la variable dinámica de la tienda en localStorage
- 12. ¿Cómo almacena en caché javascript en iphone Safari usando html5 localStorage?
- 13. HTML5 - localStorage eliminar y borrar todos los datos
- 14. ¿El tamaño máximo de HTML5 localStorage incluye nombres clave?
- 15. HTML5 localStorage límite de tamaño para los subdominios
- 16. Lectura y escritura de localStorage?
- 17. persistencia de datos localStorage
- 18. Bibliotecas HTML5 de JavaScript
- 19. Iphone localStorage "QUOTA_EXCEEDED_ERR" cuestión
- 20. Android webview & localStorage
- 21. local de HTML5 y SQL
- 22. LocalStorage en Greasemonkey
- 23. Cerrando WebSocket correctamente (HTML5, Javascript)
- 24. ¿AppCache = Application Cache = LocalStorage del almacenamiento web?
- 25. localStorage eventListener no se llama
- 26. Límite de LocalStorage en PhoneGap
- 27. Excepción de acceso ilegal con LocalStorage en Android Gingerbread
- 28. ¿IE8 out-of-the-box tiene soporte para 'localStorage'
- 29. ¿Puede localStorage ser modificado por un cliente?
- 30. ¿Existe alguna solución alternativa para utilizar html5 localstorage en http y https?
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
[abstracción de jQuery] (http://www.jquerysdk.com/api/jQuery.localStorage) vuelve a las cookies. – moodboom