Utilisez ces 8 bibliothèques javascript pour mieux gérer le stockage local ! !

Cet article recommande 8 bibliothèques javascript capables de mieux gérer le stockage local. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

J'ai testé quelques référentiels locaux pour mon projet actuel. Vous voulez savoir quelles sont leurs fonctionnalités intéressantes ? Continuez à lire.

Pont de stockage local

https://github.com/krasimir/lsbridge

Si vous devez envoyer un message d'un onglet à un autre dans les mêmes onglets du navigateur, vous vous n'êtes pas obligé de le faire à la dure. Le pont de stockage local est là pour faciliter la tâche.

Utilisation de base :

// 发送
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 unifie la session, le stockage local et les cookies, vous offrant une solution simple manière de traiter les données.

Utilisation de base :

let basil = new Basil(options);

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

store.js

https://github.com/marcuswestin/store.js

Store.js comme d'autres choses Il en va de même pour le stockage des données. Mais il y a plus, et l'une de ses fonctionnalités avancées vous donne un accès plus approfondi à la prise en charge du navigateur.

Utilisation de base :

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

C'est similaire à l'API localStorage. En fait, il s'agit d'un wrapper autour de localStorage et émule la fonction memcaches en utilisant HTML5. Découvrez plus de fonctionnalités dans la documentation ci-dessus.

Utilisation de base :

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

Lockr

Lockr est construit sur l'API localStorage. Il fournit des méthodes utiles pour travailler plus facilement avec des données locales.

Qu'est-ce qui vous donne envie d'utiliser cette bibliothèque au lieu de l'API localStorage ?

Eh bien, l'API localStorage vous permet uniquement de stocker des chaînes. Si vous souhaitez stocker un nombre, vous devez d'abord le convertir en chaîne. Cela ne se produit pas dans Lockr car Lockr vous permet de stocker plus de types de données et même d'objets.

Utilisation de base :

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

Barn

https://github.com/arokor/barn

Barn fournit une solution de type Redis en plus de API de stockage local. Si la persistance est importante, vous aurez besoin de cette bibliothèque pour maintenir l'état des données en cas d'erreur.

Utilisation de base :

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

Cette bibliothèque simple et rapide passera IndexedDB ou WebSQL utilise le stockage asynchrone pour améliorer l'expérience hors ligne du Web. Il est similaire à localStorage mais avec une fonctionnalité de rappel.

Utilisation de base :

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

Ce qui est étonnant, c'est qu'il fournit une documentation en chinois (https://localforage.docschina.org/)

crypt.io

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

crypt.io utilise des bibliothèques de cryptage JavaScript standard pour implémenter un stockage sécurisé dans le navigateur. Lorsque vous utilisez crypto.io, vous disposez de trois options de stockage : sessionStorage, localStorage ou cookies.

Utilisation de base :

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

Connaissez-vous d'autres référentiels locaux ? Pourquoi l'utiliser ? Faites-le moi savoir dans les commentaires ci-dessous !

Adresse originale en anglais : https://medium.com/javascript-in-plain-english/8-javascript-libraries-for-better-handling-local-storage-d8cd4a05dbfa

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!