本地存储

用户的数据存储起来需要数据库,本地存储不需要服务器环境。

一,基本用法

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() -> 请求 -> 返回大量数据 -> 存储到本地
第二次请求 -> 走本地存储
比如选择城市以后,基本不会变了。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值