이 기사는 주로 HTML5에서 LocalStorage 사용에 대한 자습서를 소개합니다. LocalStorage는 브라우저와 시스템 간의 로컬 발신 상호 작용에 사용됩니다. 필요한 친구는 LocalStorage가 무엇인지 언급 할 수 있습니다.
며칠 전, 나는 오래된 프로젝트에서 쿠키의 이상한 운영이 있다는 것을 알았습니다. 상담 후 URL에서 매개 변수를 전달하지 않도록 정보를 캐시하고 싶었지만 쿠키가 가져올 문제를 고려하지 않았습니다.
쿠키의 크기는 약 4K로 제한되며 비즈니스 데이터를 저장하는 데 적합하지 않습니다.
cookies 쿠키는 매번 HTTP 트랜잭션으로 전송되며 대역폭을 낭비합니다.
우리는 모바일 프로젝트를 수행하고 있으므로 여기에서 사용하기에 적합한 실제 기술은 LocalStorage입니다. LocalStorage는 쿠키의 최적화라고 할 수 있습니다. 이를 사용하면 클라이언트 측에 데이터를 저장할 수 있으며 HTTP로 전송되지는 않지만 문제가 없습니다.
∎ 로컬 스터리지 크기는 약 5 백만 문자로 제한되며 각 브라우저는 일치하지 않습니다.
privice 개인 정보 모드에서는 LocalStorage를 읽을 수 없습니다
localStorage는 본질적으로 파일을 읽고 쓰는 것입니다. 데이터가 너무 많으면 더 갇히게됩니다 (Firefox는 한 번에 데이터를 메모리로 가져오고 생각하면 무섭습니다).
crawlers 크롤러는 로컬 스터리지를 크롤링 할 수 없으며 URL 매개 변수를 완전히 대체하는 데 사용하지 마십시오.
결함은 장점을 숨기지 않으며 위의 모든 문제를 피할 수 있으므로 LocalStorage를 사용하는 방법과 올바르게 사용하는 방법에 중점을 두어야합니다.
LocalStorage 사용
기본 지식LocalStorage 저장 개체에는 두 가지 유형이 있습니다.
sessionStrage : 세션은 세션을 의미합니다. 여기서 세션은 세션 객체의 유효 기간이 사용자가 특정 웹 사이트를 탐색 할 때만 너무 길다.
localStorage : 클라이언트 하드웨어 장치에 데이터를 저장하십시오. 그것이 무엇이든 상관없이 다음에 컴퓨터를 열 때 데이터가 여전히 존재한다는 것을 의미합니다.
둘의 차이점은 하나는 일시적 보존이고 다른 하나는 장기 보존이라는 것입니다.
다음은 기본 사용을 설명하기위한 간단한 코드입니다.
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다