sessionStorage
发表于|更新于
|浏览量:
勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿
前端除了localStorage还有sessionStorage
localStorage即便关闭了浏览器,再次打开该页面仍然存在
但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面
localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景
sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景
sessionStorage的api和localStorage的api非常相似:
1 | // 存 |
取出来:
1 | // 取 |

相关推荐
2020-11-24
elementUI隐藏组件
追求使你充实,成功和失败都是伴奏。——史铁生 关于ElementUI相信大家只要看过我这篇博客,都能有一定的了解 今天聊聊ElementUI官方文档都找不到的一个隐藏组件 那便是滚动条el-scrollbar 我们在开发中可能会用到数据量稍微多一点点的情况 例如我这里写的一个v-for 123456789<div style="width: 20%"> <div v-for="(item, i) in tableData" :key="i"> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> &...
2024-11-15
uniapp-x之uts插件运行hutool
若要为自己而活,首先必须为别人而活。——色内卡 注意这里是安卓真机设备 注意配置好HBuilderX的gradle配置、JDK配置、安卓SDK配置等,在HBuilderX的运行配置中能找到 首先HBuilderX新建一个uniapp-x工程 就是在uni-app项目默认模板下面勾选uni-app x 然后先运行到安卓手机上,我们自定义一个基座 HBuilderX选择运行——运行到手机或模拟器——制作自定义调试基座 我这里输入包名,等待云打包完成后即可在运行到Android真机设备时选择自定义基座运行 然后我们右键新建一个目录叫uni_modules,右键uni_modules新建uni_modules插件 选择UTS插件-API插件新建,我这里输入的名字叫dromara-hutool 新建以后我们在uni_modules/dromara-hutool/utssdk/app-android/config.json中引入hutool的依赖 123456{ "minSdkVersion": "21", "dependenc...
2021-06-19
集成wangEditor
寿命的缩短与思想的虚耗成正比。——达尔文 官方文档 wangEditor:Typescript 开发的 Web 富文本编辑器, 轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成 如果我们需要获取富文本中的内容 使用editor.txt.html()即可
2021-07-16
uniapp打电话
人不可能阻止指甲生长….同样的,人也不能压抑自己与生俱来的冲动!——吉良吉影 代码如下 123uni.makePhoneCall({ phoneNumber: '114' //仅为示例}); 同样拥有成功、失败和完成的回调 123456uni.makePhoneCall({ phoneNumber: '114' //仅为示例 ,success:res=>{ console.log(res); } ,fail:res=>{ console.log(res); } ,complete:res=>{ console.log(res); }});
2024-07-09
css透视效果位置perspective-origin
真理是时间的孩子,不是权威的孩子。——伽利略 正如我们在前一篇文章中提到的,CSS具备处理3D变换的能力。继续这一话题,本文将重点介绍perspective-origin属性,这个属性允许我们调整透视效果的原点,影响3D变换的视觉输出。 详细信息可以参考这个链接:MDN文档 让我们通过一个例子来看看perspective-origin的实际效果: .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...
2022-01-11
uniapp对接oss视频上传+压缩
与其在绝望和挣扎中苟活,不如在希冀和盼望中死亡。——纪伯伦 首先是文件上传的代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...
