关于本地存储

1、html5几种存储形式
本地存储(localStorage && sessionStorage)
离线缓存(application cache)
indexedDB 和 webSQL
2、localStorage && sessionStorage
过期时间:localStorage 永久存储,永不失效除非手动删除
sessionStorage 浏览器重新打开后就消失了
大小:每个域名是5M
3、localStorage API和sessionStorage API一致
getItem //取记录
setIten//设置记录
removeItem//移除记录
key//取key所对应的值
clear//清除记录
4、存储的内容
数组,图片,json,样式,脚本。。。(只要是能序列化成字符串的内容都可以存储)

5、localStorage实例





locstorage 图片存储





locstorage 过期策略

6.由于html5没有给本地存储设置过期策略,那么在处理图片的过期策略的时候可以编写自己过期策略程序,如下:




locstorage 过期策略





使用操作如下图所示:

关于本地存储_第1张图片
Paste_Image.png

看下本地存储的结果

关于本地存储_第2张图片
Paste_Image.png

你可能感兴趣的:(关于本地存储)