쿠키와 로컬 저장소의 차이

2105 단어
cookie
기본 개념
  • 쿠키는 매우 작아서 4kb 정도에 제한되고 많은 브라우저들이 한 사이트에서 최대 20개의 쿠키를 저장하는 것을 제한한다.
  • 만약에 시간을 설정하지 않으면 쿠키의 생명기가 브라우저 세션 기간이고 브라우저 창을 닫으면 쿠키가 사라진다. 이런 것을 세션 쿠키라고 하는데 메모리에 저장된다.
  • 만료 시간을 설정하면 브라우저는 쿠키를 하드디스크에 저장하고 브라우저를 닫은 후에 만료 시간을 초과할 때까지 유효합니다.

  • 쿠키 설정 및 가져오는 방법
    원생
    //   js  cookie
    document.cookie="username=John Doe";
    //         
    document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";
    //   path      cookie   
    document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
    
    
    //  
    var x = document.cookie;
    //             
    document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
    
    //       cookie     。       expires           
    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
    

    봉인
    function setCookie(cname,cvalue,exdays)
    {
      var d = new Date();
      d.setTime(d.getTime()+(exdays*24*60*60*1000));
      var expires = "expires="+d.toGMTString();
      document.cookie = cname + "=" + cvalue + "; " + expires;
    }
    
    function getCookie(cname)
    {
      var name = cname + "=";
      var ca = document.cookie.split(';');
      for(var i=0; i

    localStorage 및 sessionStorage
    우세하다
  • 쿠키의 4k 제한을 확장하고 더 큰 용량 저장을 위해 디자인된 브라우저에 저장된 데이터
  • 네트워크 트래픽 감소, 빠른 데이터 읽기, 성능 향상, 임시 스토리지
  • localStorage는 영구적인 저장소이고sessionStorage는 세션이 끝날 때 비워집니다
  • 열세
  • 본질적으로 문자열을 읽는 것으로 내용이 많을 때 메모리를 소모하여 페이지가 카드로 변한다
  • 파충류에게 잡히지 않음
  • 삼자의 공통점과 차이점
    특성 이름
    cookie
    localStorage
    sessionStorage
    데이터의 선언 주기
    실효 시간을 설정할 수 있습니다. 기본값은 브라우저를 닫으면 실효입니다
    삭제되지 않는 한 영구적으로 저장
    현재 세션에서만 유효하며 페이지나 브라우저를 닫으면 지워집니다
    저장된 데이터 크기
    4k 정도
    보통 5M
    보통 5M
    서비스 측과 통신
    http 헤더에 휴대할 수 있으며 쿠키를 사용하여 데이터를 너무 많이 저장하면 성능 문제가 발생할 수 있습니다
    서버에 참여하지 않는 통신만 브라우저에 저장
    서버에 참여하지 않는 통신만 브라우저에 저장
    사용 편의성
    자체 포장 필요
    기성api인터페이스로 사용할 수 있습니다
    기성api인터페이스로 사용할 수 있습니다

    좋은 웹페이지 즐겨찾기