localforage

lscache.set('website', {
  'name': 'SitePoint',
  'category': 'CSS'
}, 4);

// 從對象中檢索數據
console.log(lscache.get('website').name);
console.log(lscache.get('website').category);

Mozillaによって構築されたこのライブラリは、シンプルなLocalStorageのようなAPIを提供しますが、IndexEdDBまたはWebQLを介して非同期ストレージを使用します。 APIはlocalStorage（getItem（）、setItem（）など）とまったく同じですが、APIは非同期であり、構文にはコールバックの使用が必要です。

>値を設定するか取得するかに関係なく、返品値は取得されませんが、コールバック関數に渡されたデータを処理し、（オプション）エラーを処理できます。

Lockr.set('website', 'SitePoint'); // 字符串
Lockr.set('categories', 8); // 數字
Lockr.set('users', [{ name: 'John Doe', age: 18 }, { name: 'Jane Doe', age: 19 }]);
// 對象

サポートJavaScript Promise
他のライブラリと同様に、文字列を保存するだけでなく、オブジェクトを設定して取得することにも限定されます
config（）メソッドを使用してデータベース情報を設定できます

basil.js

// 發(fā)送消息
lsbridge.send('my-namespace', { 
  message: 'Hello world!' 
});

// 監(jiān)聽消息
lsbridge.subscribe('my-namespace', function(data) {
  console.log(data); // 打?。?Hello world!'
});

basil.jsでは、CookieまたはsessionStorageを使用することもできます。

var barn = new Barn(localStorage);

barn.set('key', 'val');
console.log(barn.get('key')); // val

barn.lpush('list', 'val1');
barn.lpush('list', 'val2');
console.log(barn.rpop('list')); // val1
console.log(barn.rpop('list')); // val2

barn.sadd('set', 'val1');
barn.sadd('set', 'val2');
barn.sadd('set', 'val3');
console.log(barn.smembers('set')); // ['val1', 'val2', 'val3']
barn.srem('set', 'val3');
console.log(barn.smembers('set')); // ['val1', 'val2']

データのさまざまな部分の名前空間

// 在'website'中存儲'SitePoint'
store.set('website', 'SitePoint');

// 獲取'website'
store.get('website');

// 刪除'website'
store.remove('website');

// 清除所有鍵
store.clear();

• Cookieの有効期限
lz-string

// 存儲對象字面量；在后臺使用JSON.stringify
store.set('website', {
  name: 'SitePoint',
  loves: 'CSS'
});

// 獲取存儲的對象；在后臺使用JSON.parse
var website = store.get('website');
console.log(website.name + ' loves ' + website.loves);

// 獲取所有存儲的值
console.log(store.getAll());

// 循環(huán)遍歷所有存儲的值
store.forEach(function(key, val) {
  console.log(key, val);
});

compress（）およびdecompress（）メソッドの使用に注意してください。上記のコードのコメントは、圧縮の前後の長さの値を示しています。クライアントストレージは常にスペースが限られているため、これがどれほど有益であるかを見ることができます。 ライブラリのドキュメントで説明されているように、データをUINT8ARRAY（JavaScriptの新しいデータ型）に圧縮し、データを圧縮してクライアントに外部に保存することもできます。

名譽ある言及

// 設置一個帶有2分鐘過期時間的問候語
lscache.set('greeting', 'Hello World!', 2);

// 獲取并顯示問候語
console.log(lscache.get('greeting'));

// 刪除問候語
lscache.remove('greeting');

// 刷新整個緩存項目
lscache.flush();

// 只刷新過期的項目
lscache.flushExpired();

上記のツールは、LocalStorageでやりたいほとんどすべてを行うのに役立つ場合がありますが、もっと探している場合は、チェックアウトしたい可能性のあるより関連するツールとライブラリをいくつか紹介します。

AngularJSクライアントストレージ - Angular JS Namespaceクライアントストレージ。 LocalStorageに手紙を書き、Cookieに戻ります。 Angular Core以外の外部依存関係はありません。

• jScache - JavaScriptファイル、CSSスタイルシート、およびLocalStorageを使用した畫像のキャッシュを有効にします。
• largelocalStorage - さまざまなブラウザの欠陥を克服し、クライアント側に大きなキー価値ストレージを提供します。
• 他のライブラリを知っていますか？

• LocalStorage APIまたは関連ツールの上にクライアントストレージを強化するためのツールを作成した場合は、コメントでお気軽にお知らせください。

  （記事の殘りの部分はFAQであり、元のテキストに従って書き直され、合理化されており、元の意図は維持されています）

  javaScriptローカルリポジトリ（FAQ）

  に関するよくある質問

  Q：JavaScriptローカルリポジトリを使用することの利點は何ですか？
  a：

  JavaScriptローカルリポジトリは多くの利點を提供します。クライアント側にデータを保存するためのより効率的な方法を提供し、Webアプリケーションのパフォーマンスを大幅に改善できます。また、これらのライブラリは、データ暗號化を許可するため、従來のデータストレージ方法よりも高いレベルのセキュリティを提供します。さらに、データ管理のためのよりユーザーフレンドリーなインターフェイスを提供し、開発者がローカルストレージを簡単に使用できるようにします。

  Q：Local StorageはJavaScriptでどのように機能しますか？
  a：

  JavaScriptのローカルストレージにより、WebアプリケーションはWebブラウザーにデータを保存することができます。 Cookieとは異なり、ローカルストレージは期限が切れず、サーバーに送り返されず、データストレージのより効率的な方法になります。ローカルストレージに保存されているデータは、ブラウザセッション全體に保存されます。つまり、ブラウザが閉じて再開された場合でも、利用可能です。

  Q：機密データにローカルストレージを使用できますか？
  a：

  ローカルストレージは、クライアントにデータを保存するための便利な方法を提供しますが、機密データを保存するために使用することはお勧めしません。これは、ローカルストレージが安全なストレージメカニズムとして設計されていないためです。ローカルストレージに保存されているデータは、簡単なJavaScriptコードを使用して簡単にアクセスして操作できます。したがって、パスワード、クレジットカード番號、個人情報などの機密データをローカルストレージに保存しないでください。

  Q：ローカルストレージでデータを管理する方法は？
  a：

  ローカルストレージでデータの管理には、アイテムのセットアップ、アイテムの取得、アイテムの削除という3つの主要なアクションが含まれます。プロジェクトを設定するには、キーと値の2つのパラメーターを受け入れるSetItem（）メソッドを使用できます。アイテムを取得するには、getItem（）メソッドを使用して、キーを引數として受け入れ、対応する値を返すことができます。アイテムを削除するには、引數としてキーを受け入れるRemoveItem（）メソッドを使用できます。

  Q：人気のあるローカルJavaScriptリポジトリは何ですか？
  a：

  store.js、localforage、js-cookieなど、JavaScriptに人気のあるローカルリポジトリがいくつかあります。 Store.jsは、ローカルストレージにシンプルで一貫したAPIを提供し、すべての主要なブラウザーで実行します。 LocalForageは、強力な非同期ストレージAPIを提供し、IndexEdDB、WebQL、およびLocalStorageをサポートします。 JS-Cookieは、ローカルストレージが利用できない場合にフォールバックとして使用できるCookieを処理するための軽量ライブラリです。

  Q：ローカルストレージが利用可能かどうかを確認するにはどうすればよいですか？

  a：JavaScriptの単純なTry/Catchブロックを使用して、ローカルストレージが利用可能かどうかを確認できます。 window.localStorageプロパティを使用して、ローカルストレージオブジェクトにアクセスできます。このプロパティが存在する場合はローカルストレージを利用でき、アイテムのセットアップと取得に使用できます。

  Q：ローカルストレージのストレージ制限はいくらですか？

  a：ローカルストレージのストレージ制限は、ブラウザごとに異なりますが、通常は約5MBです。これは、Cookieのストレージ制限（4kbのみ）よりもはるかに大きいです。ただし、多くのデータがWebアプリケーションを遅くする可能性があるため、ローカルストレージに保存するデータの量に注意することをお勧めします。

  Q：ローカルストレージは異なるブラウザ間で共有できますか？

  a：いいえ、ローカルストレージは異なるブラウザ間で共有できません。各Webブラウザには獨自の獨立したローカルストレージがあるため、あるブラウザに保存されているデータは別のブラウザーでは利用できません。これは、ローカルストレージに依存するWebアプリケーションを設計するときに重要です。

  Q：ローカルストレージのすべてのデータをクリアする方法は？

  a：clear（）メソッドを使用して、ローカルストレージ內のすべてのデータをクリアできます。この方法はパラメーターを受け入れず、ローカルストレージからすべてのアイテムを削除します。ローカルストレージ內のすべてのデータを永久に削除するため、この方法を使用する場合は注意してください。

  Q：モバイルデバイスでローカルストレージを使用できますか？

  a：はい、モバイルデバイスでローカルストレージを使用できます。ほとんどの最新のモバイルWebブラウザーはローカルストレージをサポートするため、デスクトップおよびモバイルデバイスで使用してデータを保存できます。ただし、モバイルデバイスのストレージ制限は低い場合があるため、Webアプリケーションを設計する際にはこれを考慮することが重要です。

以上が9ローカルストレージを操作するためのJavaScriptライブラリの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。