【React】存储全局数据
2024-09-01 00:53:35
参考链接:https://segmentfault.com/a/1190000012057010?utm_source=tag-newest
webstorage
webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。
localStorage
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
sessionStorage
sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。
ocalStorage和sessionStorage使用时使用相同的API:
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
localStorage.getItem("key");//获取名称为“key”的值
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
存储:
localStorage.setItem('name','jack');
localStorage.setItem('user',JSON.stringify(user));
获取:
localStorage.getItem('name');
weekArray = JSON.parse(localStorage.getItem('user'));
最新文章
- 对Java初学者的忠告
- 软件工程 Android小游戏 猜拳大战
- JAVA - HashMap,TreeMap迭代
- 20145215《Java程序设计》第2周学习总结
- JavaOOP QuickHit项目分析
- linux服务器查看公网IP信息的方法
- 实现Android半透明Menu效果的开发实例
- 玩转Slot Machine
- C#程序:如何创建xml文件以及xml文件的增、删、改、查
- cf B. Making Sequences is Fun
- js实现表格的选中一行-------Day58
- 【日常学习】【欧拉功能】codevs2296 荣誉的解决方案卫队的一个问题
- C#学习笔记-观察者模式
- C# 合并、拆分PPT幻灯片
- Markdown基础语法笔记
- VUE插件大总结
- JavaScript(二)
- Hadoop生态圈-Zookeeper的工作原理分析
- ARM Linux Oops使用小结(转)
- 1113: No mapping for the Unicode character exists in the target multi-byte code page
热门文章
- Entity Framework加载数据的三种方式。
- 半监督学习(semi-supervised learning)
- 在asp.net core中使用cookie认证
- Android 测试 Appium、Robotium、monkey而其他的框架或工具控制
- 图形的认识(curve,surface,hypersurface)
- python代码风格检查工具──pylint
- top(k,n)—db kernel队解题思路
- Fedora15下搭建QT开发环境及编译QT(提前一键安装完,qt编译所有必需库 yum install gcc-c++ libXtst-devel freetype freetype-devel fontconfig-devel libXrender-devel )
- SequenceType 与 GeneratorType
- Dijkstra含权图最短路径;审判,不要错过枚举退款保证不会重复;国际象棋八皇后问题