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框架来实现。