8 개의 JavaScript 라 이브 러 리 를 공유 하면 로 컬 저장 소 를 더 잘 처리 할 수 있 습 니 다.

나 는 현재 프로젝트 를 위해 로 컬 저장 소 를 테스트 했다.그들 에 게 어떤 좋 은 기능 이 있 는 지 알 고 싶 습 니까?계속 읽 어.
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 와 쿠키 를 통일 하여 데 이 터 를 처리 하 는 직접적인 방법 을 제공 합 니 다.
기본 사용:

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 의 패키지 이 며,HTML 5 시 뮬 레이 션 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 을 통 해 비동기 저장 소 를 사용 하여 웹 의 오프라인 체험 을 개선 할 것 이다.그것 은 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
https://github.com/jas-/crypt.io
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
});

너 는 또 다른 로 컬 저장 소 를 알 고 있 니?왜 그것 을 사용 합 니까?
자 바스 크 립 트 라 이브 러 리 8 개 를 공유 하면 로 컬 저장 소 를 더 잘 처리 할 수 있다 는 이 글 은 여기까지 소개 되 었 습 니 다.자 바스 크 립 트 로 컬 저장 소 에 관 한 더 많은 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!