LocalStorage 스토리지

1. localStorage 스토리지 서비스:


.factory('storageSvc', [function () {
    return {
        // 
        save: function (key, value) {
            window.localStorage.setItem(key, value);
        },
        // 
        load: function (key) {
            return window.localStorage.getItem(key);
        },
        // 
        delete: function (key) {
            window.localStorage.removeItem(key);
        },
        // 
        deleteAll: function () {
            window.localStorage.clear();
        },
        // key
        getIndexKey: function (index) {
            window.localStorage.key(index);
        }
    }
}]);

2.localStorage 스토리지 시나리오
localstoage에 저장된 데이터는 키/value 형식으로 저장됩니다.value는 문자열이기 때문에 여러 개의 데이터를 저장하려면 다음과 같은 처리 방식이 있습니다. 1.여러 개의 키/value 조합을 사용하면 입력 상자마다 키가 다르기 때문에 서로 영향을 주지 않고 여러 개의 값을 저장하고 얻을 수 있습니다.2.일련의 입력 상자 내용을 같은 키 아래에 저장하면value의 형식에 대해 특수한 처리를 해야 한다. 일반적으로 두 가지 처리 방식으로 나뉜다. 1.예를 들어value1|value2|value3와 같은 구분자를 사용하고 세로 분할을 사용하며 읽은 후에 세로 분할을 사용합니다.이런 방식의 장점은 간단하다는 것이고, 단점은 보존의 순서에 대한 요구가 있다는 것이다.너는 첫 번째가 무엇을 대표하는지, 두 번째가 무엇을 대표하는지 알아야 한다.2. 서열화된 대상을 사용합니다. 예를 들어 일부 값을 하나의 대상에 저장하고 대상을 문자열로 바꾸어 localstorage에 저장합니다. 예를 들어 "{key1:'value1', key2:'value2'}"입니다.그리고 데이터를 읽을 때 문자열을 다시 대상으로 바꿉니다.이렇게 하는 장점은 구조가 명확하고 유지 보수가 편리하다는 것이다.단점은 상대적으로 번거롭고 효율이 상대적으로 낮다는 것이다. 왜냐하면 서열화와 반서열화 조작을 해야 하기 때문이다.
3. 객체를 JSON 형식으로 저장하기 전에 객체를 JSON 문자열로 정렬하고 JSON 문자열을 객체로 반정렬해야 합니다.

참고 자료:
1. Html5는 json을 이용하여 복잡한 데이터를 저장합니다.
2.Quick tip: using HTML5 localstorage to store JSON objects on a device in your PhoneGap app
삼. HTML5 로컬 스토리지의 웹 스토리지 편

6. Creating a CRUD form with HTML5 Local Storage and JSON

8. Key-Value Storage
9. Storing Objects in HTML5 localStorage
10. DOM Storage guide
11. Js가 html5-localStorage 방법을 바탕으로 만든'나의 메모장'
12. jQuery Mobile과 HTML5를 사용하여 웹 앱 개발 - HTML5 웹 스토리지
13. CRUD operations with local storage as a database

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

localStorage에서 반영구 저장하는 방법

웹 브라우저 기능의 localStrage에 대한 것입니다. 먼저 localStrange를 무엇인지 살펴 보겠습니다. 보기는 chrome 검증 도구 → 응용 프로그램 → localStrage → 파일에서 볼 수 있습니...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

LocalStorage 스토리지

좋은 웹페이지 즐겨찾기