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']

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容