数据存储简介

1.  发展历程

    h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。

    主要应用：购物车、客户登录

    对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。

     为了解决：     

解决4k的大小问题

解决请求头常带存储信息的问题

解决关系型存储的问题

跨浏览器等问题，

Html5新特性支持多种存储方式，很好的解决了以上问题。

2.  H5新的存储方式

    h5的存储方式包括：LocalStorage、SessionStorage、 GlobalStroage、Web SQL、IndexDb五种方式。下面附上谷歌浏览器截图：

　　

　　(1). GlobalStorage存在兼容性问题，所以H5的LocalStorage是用来替代GlobalStorage的。

　　(2). SessionStorage类似于服务端Session，只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。

　　(3). LocalStorage是本地存储，不会随着程序的关闭而消失，实质上 localStorage 是一个简单的数据库，只建了一张表，表名叫 “ItemTable”，并且这个表里只有两个字段 “key”和“Value”。

　　(4). Web SQL:完全由用户去操作数据库了，根据用户的需求而定了。

3.  其它存储方式

     类似于服务端的Cache，前端也有Cache，比如声明全局的var，就是存储在内存里，对于混合开发，程序关闭后，再次打开，数据消失。

4.  实现形式

     下面几章的代码实现形式均将通过Angular.js配置路由，一个简单的SPA框架来实现。