Html5本地存储之Localstorage
在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。
Localstorage可以简单理解为小型数据库。
其大小官方给出的文档是:每个域名5M;
其存储时间是:永久存储,永不失败,除非手动删除;
其存储形式是:key—>value 即键值对,存储。
其支持情况大家可以用CAN I USE 查询。
Localstorage的操作一般有以下几个:
1、setItem 向localstorage存储数据,但必须是字符串(注意之处)。
var number = {1,2,3,4,5}; localstorage.setItem("num", JSON.stringify(number));
2、getItem 从localstorage获取已经存储的数据。
number = JSON.parse(localstorage.getItem("num"));
3、clear 清楚localstorage的所有存储。
localstorage.clear();
4、key 获取第几个数据(从0开始)。
localstorage.key(0);
使用时注意事项:
1.使用前要判断浏览器是否支持。
2.写数据时,需要异常处理,避免超出容量抛错。
3.避免把敏感的数据信息存入localstorage。
4.key的唯一性(新的数据会覆盖老的数据)。
使用限制:
1.存储更新策略,过期控制。
2.子域名之间不能共享存储数据
3.超出存储大小后如何存储(LRU,FIFO)。
4.server段如何取到。