本篇总结了8个JavaScript库可以更好的处理本地储存，以及这些本地储存库的的功能和使用，希望对JavaScript的相关学习有更深入的了解。

Local Storage Bridge

github.com/krasimir/ls…

如果你必须在同一个浏览器中从一个标签页发送消息到另一个标签页，你不必用艰难的方式。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

github.com/marcuswesti…

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

github.com/pamelafox/l…

它与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

github.com/localForage…

这个简单而快速的库将通过IndexedDB或WebSQL使用异步存储来改善Web的脱机体验。它类似于localStorage，但具有回调功能。

基本使用：

localforage.setItem(‘name’, ‘Amy’, function(error, value) {

  // Do something

});

localforage.getItem(‘name’, function(error, value) {

  if (error) {

    console.log(‘an error occurs’);

  } else {

    // Do something with the value

  }

});

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

crypt.io

github.com/jas-/crypt.…

crypt.io使用标准JavaScript加密库实现安全的浏览器存储。使用crypto.io时，有三个存储选项：sessionStorage，localStorage或cookie。

基本使用：

let storage = crypto;

let book = { title: ‘JavaScript’, price: 13 };

storage.set(‘book’, book, function(error, results) {

  if (error) {

    throw error;

  }

  // Do something

});

storage.get(‘book’, function(error, results) {

  if (error) {

    throw error;

  }

  // Do something

});

以上即为8个本地储存库的的功能和使用，你还知道其他本地存储库吗

关注“职坐标在线”公众号，免费获取最新技术干货教程资源哦！