html5 localstorage 연락처 관리 웹

Question

html5 로컬 스토리지를 사용하여 연락처 관리 웹 사이트를 만들어야합니다. 로컬 스토리지에서 가능하다고 말해주십시오. 그리고 어떻게 그리고 어떤 API를 사용할 것인가? 필요하다면? 그것을 향한 초기 코딩 단계를 안내해주십시오.

Answer 1

데이터를 로컬 저장소에 저장할 수는 있지만, 웹 브라우저마다 저장소 제한이 다르므로 데이터 크기를 고려해야합니다.

로컬 스토리지는 키 - 값 쌍의 항목을 저장하며 값은 문자열 형식이므로 JSON.stringify로 개체를 문자열로 변환하고 JSON.parse (string)로 다시 개체로 변환해야합니다.

localStorage.test="hello"; // here test is key and value is "hello". 

var CustomObject={}; 

localStorage.object=JSON.stringify(CustomObject); store custom object 

console.log(JSON.parse(localStorage.object)); //retrieve object and display 

대부분의 브라우저는 약 5MB의 데이터를 저장하므로. 브라우저 지원 및 내용을 확인하십시오.

sqllite 저장소를 사용하여 html5 응용 프로그램을 빌드 할 수도 있지만 대부분의 브라우저에서 제한적으로 지원됩니다.

자세한 내용은이 웹 사이트를 참조하십시오. http://www.html5rocks.com/en/features/storage