数据存储简介

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

 



 
posted @ 2016-09-23 16:49  Yaopengfei  阅读(399)  评论(0编辑  收藏  举报