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保存的数据，是以key / value的形式存储的。value是一个字符串，因此如果要保存多个数据，有以下处理方式：
一. 使用多个key/value组合，每一个输入框的key都不一样，这样相互之间就不会有影响，就可以保存和获取多个值.
二.将一系列输入框内容保存在同一个key下面，那么对value的形式就需要做一些特殊的处理，一般来说分为两种处理方式：
1. 使用分隔符，例如 value1|value2|value3，使用竖线分割，读取出来后再使用竖线拆分。这种方式优点是是简单，缺点是对保存的顺序有要求。你必须知道第一个是代表什么，第二个是代表什么。
2. 使用序列化的对象，例如要将一些值存到一个对象，再将对象转换为字符串存到localstorage，就像这样："{key1: 'value1', key2: 'value2'}"。然后读取数据的时候，将字符串再转成对象。这样做的优点是结构清晰，维护方便；缺点是相对麻烦点，且效率相对第1种要低，因为毕竟要做一些序列化和反序列化的操作。

3.在将对象保存为JSON格式前，需要将对象序列化为JSON字符串以及将JSON字符串反序列化为对象。

参考文章：

1.Html5利用json存储复杂数据：

2.Quick tip: using HTML5 localstorage to store JSON objects on a device in your PhoneGap app

3.HTML5本地存储之Web Storage篇

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 开发 Web App —— HTML5 Web Storage

13.CRUD operations with local storage as a database