Verwenden Sie diese 8 Javascript-Bibliotheken, um den lokalen Speicher besser zu verwalten! !

Dieser Artikel empfiehlt 8 Javascript-Bibliotheken, die den lokalen Speicher besser verarbeiten können. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Ich habe einige lokale Repositories für mein aktuelles Projekt getestet. Möchten Sie wissen, welche coolen Funktionen sie haben? Lesen Sie weiter.

Local Storage Bridge

https://github.com/krasimir/lsbridge

Wenn Sie eine Nachricht von einem Tab zum anderen im selben Browser senden müssen, müssen Sie das nicht auf die harte Tour tun. Die lokale Speicherbrücke soll diese Aufgabe erleichtern.

Grundlegende Verwendung:

// 发送
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 vereint Sitzung, lokalen Speicher und Cookies und bietet Ihnen eine direkte Möglichkeit, Daten zu verarbeiten.

Grundlegende Verwendung:

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 verwaltet die Datenspeicherung wie alles andere. Aber es gibt noch mehr: Eine der erweiterten Funktionen ermöglicht Ihnen einen umfassenderen Zugriff auf die Browserunterstützung.

Grundlegende Verwendung:

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

Es ähnelt der localStorage-API. Tatsächlich handelt es sich um einen Wrapper um localStorage und emuliert die Memcaches-Funktion mithilfe von HTML5. Entdecken Sie weitere Funktionen in der Dokumentation oben.

Grundlegende Verwendung:

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

Lockr

Lockr basiert auf der localStorage-API. Es bietet einige nützliche Methoden, um einfacher mit lokalen Daten zu arbeiten.

Warum möchten Sie diese Bibliothek anstelle der localStorage-API verwenden?

Nun, mit der localStorage-API können Sie nur Zeichenfolgen speichern. Wenn Sie eine Zahl speichern möchten, müssen Sie die Zahl zunächst in eine Zeichenfolge umwandeln. Dies ist in Lockr nicht der Fall, da Sie mit Lockr mehr Datentypen und sogar Objekte speichern können.

Grundlegende Verwendung:

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 bietet eine Redis-ähnliche API zusätzlich zu localStorage. Wenn Persistenz wichtig ist, benötigen Sie diese Bibliothek, um den Datenstatus aufrechtzuerhalten, falls ein Fehler auftritt.

Grundlegende Verwendung:

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

Diese einfache und schnelle Bibliothek verbessert das Offline-Erlebnis des Webs durch asynchrone Speicherung über IndexedDB oder WebSQL. Es ähnelt localStorage, verfügt jedoch über eine Rückruffunktion.

Grundlegende Verwendung:

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

Das Erstaunliche ist, dass es chinesische Dokumentation bereitstellt (https://localforage.docschina.org/)

crypt.io

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

crypt.io verwendet Standard-JavaScript-Verschlüsselungsbibliotheken für eine sichere Browserspeicherung. Bei der Nutzung von crypto.io stehen Ihnen drei Speicheroptionen zur Verfügung: sessionStorage, localStorage oder Cookie.

Grundlegende Verwendung:

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

Kennen Sie weitere lokale Repositories? Warum es verwenden? Lass es mich unten in den Kommentaren wissen!

Englische Originaladresse: https://medium.com/javascript-in-plain-english/8-javascript-libraries-for-better-handling-local-storage-d8cd4a05dbfa

Für weitere programmierbezogene Kenntnisse, Besuchen Sie bitte: Videokurse zum Programmieren! !

Das obige ist der detaillierte Inhalt vonVerwenden Sie diese 8 Javascript-Bibliotheken, um den lokalen Speicher besser zu verwalten! !. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!