博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
localStorage只能存储字符串
阅读量:7305 次
发布时间:2019-06-30

本文共 690 字,大约阅读时间需要 2 分钟。

hot3.png

localStorage为HTML5的本地存储API,用于存储前端的数据,关闭应用程序(浏览器)后数据不会丢失,只有手动清除才会清除数据,有点儿像数据库了,呵呵。但是,它只能存储字符串,不能存储比如json的其他数据格式,所以写个函数方便转换数据形式。

localStorage原始取得缓存、存入缓存、清除(指定/所有)缓存的方法如下:

localStorage.getItem("key","value")                localStorage.setItem("key")                localStorage.removeItem("key")                localStorage.clear()

封装(es6语法):

const store = {        setData(key,data){            localStorage.setItem(key,JSON.stringify(data));        },        getData(key){            return JSON.parse(localStorage.getItem(key)||'[]');             //如果数据是json,这里写成return JSON.parse(localStorage.getItem(key)||'{}');                    }    }

转载于:https://my.oschina.net/u/3059741/blog/839644

你可能感兴趣的文章
FreeDOS 如何维持 DOS 的生命力
查看>>
实行百度实名制后的seo优化该如何调整?
查看>>
《网站设计 开发 维护 推广 从入门到精通》——1.2 网页美工常用工具
查看>>
《精通软件性能测试与LoadRunner最佳实战》—第2章2.4节性能测试用例
查看>>
《驾驭大数据》一8.3 每一位优秀的分析专家都是独特的
查看>>
《Linux/UNIX OpenLDAP实战指南》——1.3 OpenLDAP schema概念
查看>>
《趣题学算法》—第0章0.5节算法分析
查看>>
《编程珠玑(续)(修订版)》—第2章2.4节原理
查看>>
《面向机器智能的TensorFlow实践》一1.2 深度学习
查看>>
《R语言数据挖掘:实用项目解析》——第2章,第2.10节小结
查看>>
input file上传图片预览
查看>>
spirngBoot 常用注解
查看>>
NodeJS:将文件夹按照存放路径变成一个对应的JSON
查看>>
《从0开始学Elasticsearch》—集群健康和索引管理
查看>>
mac上安装virtualenvwrapper 找不到.bashrc怎么做
查看>>
input 的placeholder不显示如何解决
查看>>
swift-4简单的分支和三目的写法
查看>>
小葵花妈妈课堂开课了:《Runnable、Callable、Future、RunnableFuture、FutureTask 源码分析》...
查看>>
【译】在 React 组件中使用 Refs 指南
查看>>
redis映射
查看>>