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字符串反序列化为对象。
参考文章：
2.Quick tip: using HTML5 localstorage to store JSON objects on a device in your PhoneGap app
6.Creating a CRUD form with HTML5 Local Storage and JSON
9.Storing Objects in HTML5 localStorage
11.Js 基于html5-localStorage方法 制作的 "我的便签本"
12.使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 Web Storage
13.CRUD operations with local storage as a database
