Almacenamiento en HTML5

771 views

Published on

Presentación preparada por Adrián Catalán (@ykro)

Video disponible en http://youtu.be/q54VR-bcCzo
Demos en http://dl.dropbox.com/u/8418860/HTML5WebStorageDemos.zip

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
771
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Almacenamiento en HTML5

  1. 1. HTML5:Almacenamiento Adrián Catalánadriancatalan@elementalgeeks.com @ykro
  2. 2. Webstorage• Almacenamiento simple con la forma de un diccionario• No es SQL (otro spec http://www.w3.org/TR/webdatabase/)• Reemplazo para cookies• Almacenamiento hasta 5MB
  3. 3. LocalStorage vsSessionStorage
  4. 4. La especificación completadel API se encuentra enhttp://www.w3.org/TR/webstorage/
  5. 5. void setItem(DOMString key,DOMString value);
  6. 6. sessionStorage.setItem( "nombre", "Adrian");localStorage.setItem( "nombre", "Adrian");
  7. 7. DOMStringgetItem(DOMStringkey);
  8. 8. nombre =sessionStorage.getItem("nombre");nombre =localStorage.getItem("nombre");
  9. 9. voidremoveItem(DOMString key);
  10. 10. sessionStorage.removeItem("nombre");localStorage.removeItem("nombre");
  11. 11. void clear();
  12. 12. sessionStorage.clear();localStorage.clear();
  13. 13. DOMString? key(long index);
  14. 14. var key =sessionStorage.key(i);
  15. 15. Si quiero almacenar objetosen vez de strings utilizo JSON(método stringify) al guardary parse() al obtener loguardado
  16. 16. HTML5:Almacenamiento Adrián Catalánadriancatalan@elementalgeeks.com @ykro

×