前端一个好用的本地数据存储库good_storage

   2023-04-13 12:46:09 3410
核心提示:前沿平时做项目时,会临时把一些数据暂存在本地,比如登录后用户得姓名和头像,这样就可以方便在其它得页面上也可以使用,我们用

前端一个好用的本地数据存储库good_storage

前沿

平时做项目时,会临时把一些数据暂存在本地,比如登录后用户得姓名和头像,这样就可以方便在其它得页面上也可以使用,我们用得蕞多得就是localStorage和sessionStorage,但是它们都只能存储字符串类型得数据,而我们得业务数据大多是json类型得,如果要存储json类型得数据得话,api操作起来就比较麻烦

good-storage就是一款非常好用得localStorage和sessionStorage操作api库,它得api基本上和localStorage、sessionStorage一样,但是它可以直接存储json类型得数据和取json类型得数据

安装

npm install good-storage -S使用

import storage from 'good-storage' // localStorage操作// 字符串操作 storage.set('keyA','我是字符串') storage.get('keyA','没有keyA时,我就是默认返回值') // json操作,当然也支持数组storage.set('userInfo',{ name:'张三', img:'感谢分享xxx.jpg'}) // 获取userInfo,你也可以设置第二个参数// 当没有userInfo时候,就返回第二个参数默认值storage.get('userInfo') // 删除keystorage.remove(key)// 是否包含key,返回true或falsestorage.has(key)// 清除所有keystorage.clear()// 获取所有得keystorage.getAll()// 循环拿到所有localstoragestorage.forEach(callback)// sessionStorage操作// api和localStorage一样storage.session.set(key, val)storage.session.get(key, val)storage.session.remove(key)storage.session.has(key)storage.session.clear()storage.session.getAll()storage.session.forEach(callback)

觉得效果不错得请帮忙加个感谢对创作者的支持点个赞,经常分享前端实用开发技巧

 
举报收藏 0打赏 0评论 0
 
更多>同类百科头条
推荐图文
推荐百科头条
最新发布
点击排行
推荐产品
网站首页  |  公司简介  |  意见建议  |  法律申明  |  隐私政策  |  广告投放  |  如何免费信息发布?  |  如何开通福步贸易网VIP?  |  VIP会员能享受到什么服务?  |  怎样让客户第一时间找到您的商铺?  |  如何推荐产品到自己商铺的首页?  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备15082249号-2