我為當前專案測試了一些本地儲存庫。想知道他們有什麼很棒的功能嗎？繼續閱讀。

Local Storage Bridge

https://github.com/krasimir/lsbridge

如果你必須在同一個瀏覽器中從一個標籤頁傳送訊息到另一個標籤頁，你不必用艱難的方式。Local storage bridge在這裡讓任務變得更簡單。

基本使用：

// 傳送
lsbridge.send(‘app.message.error',{ error: ‘Out of memory' });

// 監聽
lsbridge.subscribe(‘app.message.error',function(data) {
 console.log(data); // { error: ‘Out of memory' }
});

Basil.js

Basil.js統一了session、localStorage和cookie，為你提供了一種處理資料的直接方法。

基本使用：

let basil = new Basil(options);

basil.set(‘name',‘Amy');
basil.get(‘name');
basil.remove(‘name');
basil.reset();

store.js

https://github.com/krasimir/lsbridge

Store.js像其他東西一樣處理資料儲存。但還有更多的功能，它的一個高階特性是讓你更深入地訪問瀏覽器支援。

基本使用：

store.set(‘book',{ title: ‘JavaScript' }); // Store a book
store.get(‘book'); // Get stored book
store.remove(‘book'); // Remove stored book
store.clearAll(); // Clear all keys

lscache

https://github.com/pamelafox/lscache

它與localStorage API類似。事實上，它是localStorage的一個封裝器，並使用HTML5模擬memcaches函式。在上面的文件中發現更多的功能。

基本使用：

lscache.set(‘name',‘Amy',5); // 資料將在5分鐘後過期
lscache.get(‘name');

Lockr

Lockr建立在localStorage API之上。它提供了一些有用的方法來更輕鬆地處理本地資料。

是什麼讓你要使用此庫而不是localStorage API？

好吧，localStorage API僅允許你儲存字串。如果要儲存數字，則需要先將該數字轉換為字串。在Lockr中不會發生這種情況，因為Lockr允許你儲存更多的資料型別甚至物件。

基本使用：

Lockr.set(‘name',‘Amy');
Lockr.set(‘age',28);
Lockr.set(‘books',[{title: ‘JavaScript',price: 11.0},{title: ‘Python',price: 9.0}]);

Barn

github.com/arokor/barn

Barn在localStorage之上提供了一個類似Redis的API。如果永續性很重要，那麼你將需要這個庫來保持資料狀態，以防發生錯誤。

基本使用：

let barn = new Barn(localStorage);

// 原始型別
barn.set(‘name',‘Amy');
let name = barn.get(‘name'); // Amy

// List
barn.lpush(‘names',‘Amy');
barn.lpush(‘names',‘James');
let name1 = barn.rpop(‘names'); // Amy
let name2 = barn.rpop(‘names'); // James

localForage

https://github.com/localForage/localForage

這個簡單而快速的庫將通過IndexedDB或WebSQL使用非同步儲存來改善Web的離線體驗。它類似於localStorage，但具有回撥功能。

基本使用：

localforage.setItem(‘name',function(error,value) {
 // Do something
});

localforage.getItem(‘name',value) {
 if (error) {
  console.log(‘an error occurs');
 } else {
  // Do something with the value
 }
});

很神奇的是它提供中文文件

crypt.io

https://github.com/jas-/crypt.io

crypt.io使用標準JavaScript加密庫實現安全的瀏覽器儲存。使用crypto.io時，有三個儲存選項：sessionStorage，localStorage或cookie。

基本使用：

let storage = crypto;
let book = { title: ‘JavaScript',price: 13 };

storage.set(‘book',book,results) {
 if (error) {
  throw error;
 }
 
 // Do something
});

storage.get(‘book',results) {
 if (error) {
  throw error;
 }
 // Do something
});

你還知道其他本地儲存庫嗎？為什麼使用它？

到此這篇關於分享8個JavaScript庫可更好地處理本地儲存 的文章就介紹到這了,更多相關JavaScript 本地儲存庫內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！