web-dev-qa-db-fra.com

JavaScript + HTML5 LocalStorage

Je cherche donc un bon parcours d'accident sur localstorage et interagir avec JavaScript. Je souhaite construire une liste de liste de tâches à faire avec une certaine fonctionnalité supplémentaire, mais ce serait juste pour 1 utilisateur. Je ne veux pas gâcher avec php/mysql et que le serveur fait quelque chose. Les liens vers des tutoriels seraient mieux :-D

27
Alai

Voici un cours d'accident d'accident, j'ai trouvé très utile. Il explique un tas de concepts HTML5, y compris localStorage, étiquette vidéo, sites Web hors ligne, formulaires, emplacements, toiles et plus.

http://dicintohtml5.org/storage.html

18
Steve

Il y a la documentation officielle:

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

Pour une démo rapide avec code: http://html5demos.com/storage également plus de démos html5 à la racine de ce site.

NOTE Il y a aussi des choses comme l'utilitaire YUI 2 Storage utilitaire qui résument le stockage pour vous (HTML 5, Google Gears, SWF) en fonction de ce que le navigateur prend en charge:

L'utilitaire de stockage fournit un mécanisme permettant de stocker des quantités importantes de données textuelles, du côté client, que vos navigateurs prennent ou non la spécification de stockage HTML 5 proposée.

10
Peter McG

Ce petit tutoriel/Code-Snippet m'a aidé à commencer.

http://hacks.mozilla.org/2009/06/localstorage/

3
Linus Unnebäck
3
Derek Swingley

Je recommanderais l'une des autres questions posées ici sur la manière de stocker des objets dans localStorage. Cela m'a beaucoup aidé car je mettez en place un éditeur de code qui peut stocker plusieurs fichiers et dernier état de l'utilisateur.

la question Stackoverflow
[.____] Les deux réponses postées sont très utiles.

Certaines choses à prendre en considération:

  • Quand stockez-vous les données, après chaque touche enfoncée ou après une autre action/événement spécifique?
  • Utilisez une structure de données JavaScript temporaire ou seulement interagir avec localStorage directement?
2
JeroenEijkhof