SessionStorage, LocalStorage 및 쿠키 간의 일반적인 포인트 :
그것들은 모두 브라우저에 저장되고 동일한 원점을 가지고 있습니다.
SessionStorage, LocalStorage 및 쿠키의 차이점 :
쿠키 데이터는 항상 동일한 원산지 HTTP 요청 (필수는 없더라도)에서 운반됩니다. 즉, 쿠키는 브라우저와 서버 사이에서 앞뒤로 전달됩니다. SessionStorage 및 LocalStorage는 자동으로 데이터를 서버로 전송하지 않으며 로컬로만 저장됩니다. 쿠키 데이터에는 PATH (Path) 개념이 있으며 쿠키가 특정 경로에 속하는 것을 제한 할 수 있습니다.
스토리지 크기 제한도 다릅니다. 쿠키 데이터는 4K를 초과 할 수 없습니다. 동시에 쿠키는 모든 HTTP 요청이 운반되므로 쿠키는 세션 식별자와 같은 매우 작은 데이터를 저장하는 데 적합합니다. SessionStorage 및 LocalStorage에는 저장 크기 제한이 있지만 쿠키보다 훨씬 크며 5m 이상에 도달 할 수 있습니다.
데이터 유효성 기간은 다릅니다. SessionStorage : 현재 브라우저 창이 닫히기 전에만 유효하므로 자연스럽게 지속되는 것은 불가능합니다. LocalStorage : 항상 유효하고 창이나 브라우저가 닫히므로 영구 데이터로 사용됩니다. 쿠키는 창이나 브라우저가 닫히더라도 세트 쿠키 만료 시간까지 유효합니다.
다른 스코프, SessionStorage는 같은 페이지에서도 다른 브라우저 창에서 공유되지 않습니다. LocalStorage는 모든 상 동성 창에서 공유됩니다. 쿠키는 모든 상 동성 창에서 공유됩니다.
웹 스토리지는 이벤트 알림 메커니즘을 지원하며, 이는 리스너에게 데이터 업데이트 알림을 보낼 수 있습니다.
웹 스토리지의 API 인터페이스는 사용하기에 더 편리합니다.
캡슐화 된 LocalStorage 방법은 저장된 데이터 수와 시간을 제어 할 수 있습니다.
define (function (request) {var $ = require ( 'jquery'); var cache = {}; function support () {var _t =! }, localStorage : wind get : if (true == support ()) {var key = ' + URL; = memqueue.keys [key] .life /1000; // 구성된 수명을 초과하는 경우 // 현재 캐시가 지워집니다. i ++) {var. 이. {this.localstorage.removeItem (lrukey) // 호환성을 위해이 값을 설정하십시오 (이 이 this.lru (key); lru는 이것을 종료합니다 _o = MEMQUE.OBJS; // 가장 큰 시간이 가장 큰 시간입니다 + 1; key == _.key). 날짜 (). '생명': (새 날짜 ()). s.times {return -1; this.memque.objs = []; emect.bjs.push (_to)}; }); 리 리턴 { '캐시': 캐시};});사용 방법
var cache = require ( 'cache'); // 값 set value cache.cache.set ( 'ip', 'your url', value); // value cache.cache.get ( 'ip')