web-dev-qa-db-ja.com

JavaScript + HTML5 localstorage

それで、私はlocalstorageで良いクラッシュコースを探して、それをJavaScriptで操作しています。いくつかの追加機能を備えたTo DoリストWebアプリケーションを構築したいのですが、それは1人のユーザー向けです。私はphp/mysqlをいじってサーバーに何もさせたくありません。チュートリアルへのリンクが最適です:-D

27
Alai

これは私がとても役に立ったクラッシュクラッシュコースです。 localStorage、ビデオタグ、オフラインのWebサイト、フォーム、場所、キャンバスなど、HTML5のさまざまな概念について説明しています。

http://diveintohtml5.org/storage.html

18
Steve

公式ドキュメントがあります:

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

コードを使用した簡単なデモ: http://html5demos.com/storage また、そのサイトのルートにあるその他のhtml5デモもあります。

ブラウザのサポート内容に応じて、ストレージを抽象化する YUI 2 Storage Utility のようなもの(HTML 5、Google Gears、SWF)もあることに注意してください。

Storage Utilityは、ブラウザーが提案されたHTML 5 Storage仕様をサポートしているかどうかに関係なく、クライアント側で大量のテキストデータを保存するメカニズムを提供します。

10
Peter McG

この小さなチュートリアル/コードスニペットは、始めるのに役立ちました。

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

3
Linus Unnebäck

個人的な経験はありませんが、今日このリンクに出くわしました: http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/

これへのリンク: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/

楽しんで!

3
Derek Swingley

オブジェクトをlocalStorageに保存する方法について、ここで質問される他の質問の1つをお勧めします。複数のファイルとユーザーの最後の状態を保存できるコードエディターを実装しているので、とても役に立ちました。

stackoverflowの質問
投稿された両方の回答は非常に貴重です。

考慮すべき事項:

  • 各キーを押した後、または他の特定のアクション/イベントの後で、いつデータを保存しますか?
  • 一時的なJavascriptデータ構造を使用するか、直接localStorageとのみ対話しますか?
2
JeroenEijkhof
Store Data

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

デモ

0
Kamal