h5 新增特性 - WebStorage

WebStorage   

             Web项目存储数据常用的方案：

             (1)服务器端存储

                    1)数据库存储，如商品、用户等核心数据

                    2)Session/内存存储，如用户的登录信息

             (2)客户端存储

                    3)Cookie存储，如用户偏好、访问历史，浏览器兼容性好但处理麻烦且容量限制

                    4)H5 WebStorage存储，如用户偏好、访问历史等安全要求的数据，老IE不兼容但易使用且容量大

             H5WebStorage存储具体涉及到两个对象：

                        (1)window.sessionStorage：类数组对象，通过key=>value对存储字符串数据——会话级存储

                               添加数据：sessionStorage['key'] = 'value'

                              修改数据：sessionStorage['key'] = 'newValue'

                               删除数据：delete sessionStorage['key']

                               获得数据：var  v = sessionStorage['key']

                        (2)window.localStorage：类数组对象，通过key=>value对存储字符串数据——本地/跨会话级/永久存储

                               添加数据：localStorage['key'] = 'value'

                               修改数据：localStorage['key'] = 'newValue'

                               删除数据：delete localStorage['key']

                               获得数据：var  v = localStorage['key']