8 библиотек JavaScript для лучшей работы с локальным хранилищем

внешний интерфейс JavaScript
8 библиотек JavaScript для лучшей работы с локальным хранилищем

WeChat search [front-end full-stack разработчик]Продавцы, Программисты, которые продолжают учиться, впервые читают последние статьи и отдают приоритет публикации новых статей в течение двух дней. Обратите внимание, чтобы получить большую подарочную упаковку, которая точно сэкономит вам много денег!

Я протестировал несколько локальных репозиториев для моего текущего проекта. Хотите знать, какие интересные функции они имеют? продолжить чтение.

Local Storage Bridge

GitHub.com/guest-as-charming/teacher…

Если вам нужно отправлять сообщения с одной вкладки на другую в том же браузере, вам не нужно делать это сложным путем. Локальный мост хранения здесь, чтобы упростить задачу.

Основное использование:

// 发送
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 объединяет сеансы, localStorage и файлы cookie, предоставляя вам простой способ работы с данными.

Основное использование:

let basil = new Basil(options);

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

store.js

GitHub.com/Маркус Уэст и…

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/Памела Фокс/приходите…

Он похож на API localStorage. По сути, это оболочка над localStorage и эмулирует функцию memcaches с помощью HTML5. Узнайте больше о дополнительных функциях в документации выше.

Основное использование:

lscache.set(‘name’, ‘Amy’, 5); // 数据将在5分钟后过期
lscache.get(‘name’);

Lockr

Lockr построен на основе API localStorage. Он предоставляет несколько полезных способов более удобной работы с локальными данными.

Что заставляет вас использовать эту библиотеку вместо 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 предоставляет Redis-подобный API поверх localStorage. Если постоянство важно, вам понадобится эта библиотека для сохранения состояния данных в случае ошибок.

Основное использование:

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/local forage…

Эта простая и быстрая библиотека улучшит работу в Интернете в автономном режиме, используя асинхронное хранилище через IndexedDB или WebSQL. Это похоже на 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/ja-die-/crypt. …

crypt.io использует стандартные библиотеки шифрования JavaScript для безопасного хранения в браузере. При использовании crypto.io есть три варианта хранения: sessionStorage, localStorage или куки.

Основное использование:

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
});

Знаете ли вы какие-либо другие местные репозитории? Зачем это использовать? Позвольте мне знать в комментариях ниже!

Категории