用户的数据存储起来需要数据库,本地存储不需要服务器环境。
一,基本用法
1.存储
sessionStorage.setItem('username','xiaoming');
特点,sessionStorage存储的数据, 在页面之间不共享 ,浏览器关闭重新打开也没有了。是临时性存储的。
localStorage 是永久性存储。页面之间是共享的。浏览器甚至电脑关了,也依然在。
localStorage .setItem('username','xiaoming');
2.取出
localStorage.getItem(‘username’)
3.删除
localStorage.remove(‘username’)
4.删除全部
localStorage.clear();
5.存储JSON数据
注意,存储的都是字符串类型 ,存储大小为5M(很大,小说都可以)
localStorage.setItem('data',{"username":"xiaoming","age":20})
所以要转换成字符串
localStorage.setItem('data',JSON.stringify({"username":"xiaoming","age":20}));
取出
JSON.parse(localStorage.getItem('data));
二,本地存储的应用
1.有一些功能不需要进行数据库操作的,就可以用本地存储(游戏,换肤,浏览记录,小说阅读器)
2.可以用本地存储来提升性能
第一次请求 - > ajax() -> 请求 -> 返回大量数据 -> 存储到本地
第二次请求 -> 走本地存储
比如选择城市以后,基本不会变了。