Single post

로컬 스토리지 예제

웹 저장소에 저장된 정보는 모든 요청과 함께 서버로 데이터가 전송되는 쿠키와 달리 웹 서버로 전송되지 않습니다. 또한 쿠키를 사용하면 소량의 데이터(거의 4KB)를 저장할 수 있으므로 웹 저장소를 사용하면 최대 5MB의 데이터를 저장할 수 있습니다. 또한 localStorage.removeItem(키)과 같은 removeItem() 메서드에 키 값을 전달하여 저장소에서 특정 항목을 제거할 수도 있습니다. 내가 보는 문제 – 점점 더 많은 웹 사이트가 로컬 저장소를 사용하기 시작함에 따라 컴퓨터가 채워지고 사용자가 모든 간격이 어디로 가는지 알지 못하고 있습니다. 이름 값 저장소를 사용할 수 있습니까? caniuse.com 주요 브라우저에서 이름 값 저장소 기능에 대한 지원에 대한 데이터입니다. 두 번째 문제: 사용자가 저장소 의 양을 제한하는 경우 첫 번째로 작동합니까? 라이브러리가 필요하지 않습니다, 그건 그냥 자바 스크립트입니다. 당신이 원하는 경우에 당신은 모더니즈를 사용하여 먼저 Modernizr.localstorage로 테스트 할 수 있습니다. HTML5 웹 저장소는 사용자의 브라우저에 데이터를 저장하는 데 사용됩니다. 이제 일부 데이터를 저장해 보았으니, 그 중 일부를 로컬 저장소에서 꺼내보겠습니다. 이렇게하려면 getItem() 메서드가 있는데, 이 메서드는 키를 인수로 사용하여 키와 연결된 문자열 값을 반환합니다.

저는 개인적으로 ColorZilla가 제가 만든 그라데이션을 “기억하는” 방법을 좋아합니다. LocalStorage는 훌륭합니다, 나는 우리가 가까운 장래에 더 많은 것을 보게 될 것이라고 확신합니다. 현재 원본의 로컬 저장소 공간에 액세스하는 데 사용할 수 있는 저장소 개체입니다. 참고: 웹 저장소 데이터(로컬 및 세션 모두)는 다른 브라우저 간에 제공되지 않습니다(예: Firefox 브라우저에 저장된 데이터는 Google 크롬, 인터넷 익스플로러 또는 기타 브라우저에서 사용할 수 없습니다). 로컬 저장소 항목은 키/값 쌍으로 설정되므로 클라이언트(최종 사용자의 장치)에 저장하려는 모든 항목에 대해 키가 필요합니다. HTML 웹 저장소는 클라이언트에 데이터를 저장하기 위한 두 가지 개체를 제공합니다: HTML5 이전에는 모든 서버 요청에 포함된 응용 프로그램 데이터를 쿠키에 저장해야 했습니다. 웹 저장소는 더 안전하며 웹 사이트 성능에 영향을 주지 않고 많은 양의 데이터를 로컬로 저장할 수 있습니다. 모바일 Twitter 클라이언트가 로컬 저장소를 사용하여 네트워크 커버리지가 없는 장소에 있을 경우 나중에 읽고 싶은 트윗을 즐겨찾기에 두면 됩니다.

key() 메서드는 키를 반복해야 하는 상황에서 유용하며 숫자 또는 인덱스를 로컬 저장소에 전달하여 키 이름을 검색할 수 있습니다. 그루브 샤크는 이미 로컬 스토리지를 사용하는 사이트의 또 다른 예입니다. 예 LocalStorage는 정보를 저장하지만 세션이 세션저장소.clear()로 종료되면 데이터를 지울 수 있습니다. 웹 저장소를 사용하면 웹 응용 프로그램은 사용자의 브라우저 내에서 데이터를 로컬로 저장할 수 있습니다. 웹 저장소는 원본(도메인 및 프로토콜당)에 따라 다됩니다. 하나의 원본에서 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다. 브라우저와 웹 사이트에서 사용할 수 있는 로컬 컴퓨터의 저장소를 제한하는 방법을 아는 사람이 있습니까? 이 메서드는 호출할 때 해당 도메인에 대 한 모든 레코드의 전체 저장소를 지웁히습니다.