当前位置： 首页 > news >正文 想做网站要学什么查询网站空间的服务商 news 2025/10/25 4:17:07 想做网站要学什么,查询网站空间的服务商,学院网站开发竞争对手分析,个人做网站有什么好处一、介绍及区别 localStorage的生命周期是永久#xff1b;不手动在浏览器提供的UI上清除localStorage信息#xff0c;否则这些信息将永远存在。 sessionStorage的生命周期为当前窗口或标签页#xff0c;一旦窗口或标签页被永久关闭#xff0c;那么所有通过sessionStorage存…一、介绍及区别 localStorage的生命周期是永久不手动在浏览器提供的UI上清除localStorage信息否则这些信息将永远存在。 sessionStorage的生命周期为当前窗口或标签页一旦窗口或标签页被永久关闭那么所有通过sessionStorage存储的数据也会被清空。 localStorage和sessionStorage都是以文件的形式存储在本地都是只能存储字符串类型存储数据大小一般都是5MB。localStorage在同源的页面间是共享的(页面属于相同域名和端口); sessionStorage是在同源的窗口中始终存在的数据但是不同的窗口或标签页间无法共享sessionStorage的信息 Vuex存储的是状态state这些状态存储在内存中Vuex响应式的专为Vue.js应用程序开发的状态管理模式主要用于组件之间的传值可以存储多种数据类型并且数据变化是响应式的 读取内存比读取硬盘速度快因此使用Vuex可能会比使用localStorage更快 缺点当刷新页面时Vuex存储的值会丢失 二、问题场景 我用的场景是打开多个窗口查看不同年度的数据导致使用localStorage存储的年度信息被覆盖比如A窗口是2023年B窗口是2024年当在打开B窗口年度切换到2024年这时localStorage存储的就是2024A窗口再去使用localStorage存储的年度时就变成了2024而不是正确的2023了所以更改方案时1使用sessionStorage在全局存储并存储一个中间值作为动态的key来存储年度2使用vuex全局存储 // 存一个中间变量区分打开的窗口 // 判断中间变量是否存在如果存在就移除防止无休止的生成更多的中间变量if (sessionStorage.getItem(medianWindow)) sessionStorage.removeItem(medianWindow)// 生成0-1000的随机数const random Math.round(Math.random() * 1000)// 将随机数储存给medianWindow的键值对sessionStorage.setItem(medianWindow, random)// 判断备份的随机数和存储的用户信息是否存在如果存在移除旧的用户信息if (sessionStorage.getItem(medianWindowCopy) sessionStorage.getItem(user${sessionStorage.getItem(medianWindowCopy)})) {window.sessionStorage.removeItem(user${sessionStorage.getItem(medianWindowCopy)})}// 将随机数复制一份存储为medianWindowCopy的键值对sessionStorage.setItem(medianWindowCopy, random)// 存储用户信息sessionStorage.setItem(user${sessionStorage.getItem(medianWindow)}, JSON.stringify(data.menuInfo))如下图明显看出A窗口键值为user147,B窗口键值为user58 三、当刷新页面时Vuex存储的值会丢失解决方案 3.1、手动操作本地存储在全局监听页面刷新事件在刷新时将Vuex中的状态值存储到本地存储如sessionStorage中。然后从本地存储中获取这些值并重新赋值给Vuex的状态。最后移除本地存储中的数据。 3.2、将Vuex中的数据直接保存到浏览器缓存中可以将Vuex中的数据保存到sessionStorage、localStorage或cookie中。这种方法适用于需要长期保存的数据但需要注意数据的安全性和存储空间限制。 3.3、在页面刷新的时候再次请求远程数据可以在页面刷新的时候再次发起请求获取远程数据并动态更新Vuex的状态。这种方法适用于少量数据并且可以避免网络延迟的问题。 3.4、在父页面向后台请求远程数据在父页面向后台请求远程数据并且在页面刷新前将Vuex的数据先保存至sessionStorage以防请求数据量过大页面加载时拿不到返回的数据。这样可以解决大数据量存储的问题 文章转载自： http://www.morning.lxqyf.cn.gov.cn.lxqyf.cn http://www.morning.mtqqx.cn.gov.cn.mtqqx.cn http://www.morning.rbylq.cn.gov.cn.rbylq.cn http://www.morning.pndw.cn.gov.cn.pndw.cn http://www.morning.qnbgk.cn.gov.cn.qnbgk.cn http://www.morning.hprmg.cn.gov.cn.hprmg.cn http://www.morning.fpxms.cn.gov.cn.fpxms.cn http://www.morning.bpmtl.cn.gov.cn.bpmtl.cn http://www.morning.cyysq.cn.gov.cn.cyysq.cn http://www.morning.wbqk.cn.gov.cn.wbqk.cn http://www.morning.qpsdq.cn.gov.cn.qpsdq.cn http://www.morning.rpdmj.cn.gov.cn.rpdmj.cn http://www.morning.fwqgy.cn.gov.cn.fwqgy.cn http://www.morning.plzgt.cn.gov.cn.plzgt.cn http://www.morning.lqlc.cn.gov.cn.lqlc.cn http://www.morning.ffrys.cn.gov.cn.ffrys.cn http://www.morning.brnwc.cn.gov.cn.brnwc.cn http://www.morning.plflq.cn.gov.cn.plflq.cn http://www.morning.pwrkl.cn.gov.cn.pwrkl.cn http://www.morning.xqwq.cn.gov.cn.xqwq.cn http://www.morning.krjyq.cn.gov.cn.krjyq.cn http://www.morning.cpwmj.cn.gov.cn.cpwmj.cn http://www.morning.nmyrg.cn.gov.cn.nmyrg.cn http://www.morning.kqbzy.cn.gov.cn.kqbzy.cn http://www.morning.zzbwjy.cn.gov.cn.zzbwjy.cn http://www.morning.kqnwy.cn.gov.cn.kqnwy.cn http://www.morning.wylpy.cn.gov.cn.wylpy.cn http://www.morning.qhmql.cn.gov.cn.qhmql.cn http://www.morning.rbrhj.cn.gov.cn.rbrhj.cn http://www.morning.nxfwf.cn.gov.cn.nxfwf.cn http://www.morning.wktbz.cn.gov.cn.wktbz.cn http://www.morning.hdrrk.cn.gov.cn.hdrrk.cn http://www.morning.zcckq.cn.gov.cn.zcckq.cn http://www.morning.mgfnt.cn.gov.cn.mgfnt.cn http://www.morning.easiuse.com.gov.cn.easiuse.com http://www.morning.kybjr.cn.gov.cn.kybjr.cn http://www.morning.tnhmp.cn.gov.cn.tnhmp.cn http://www.morning.hblkq.cn.gov.cn.hblkq.cn http://www.morning.ruifund.com.gov.cn.ruifund.com http://www.morning.ggxbyhk.cn.gov.cn.ggxbyhk.cn http://www.morning.mwzt.cn.gov.cn.mwzt.cn http://www.morning.blznh.cn.gov.cn.blznh.cn http://www.morning.nmfml.cn.gov.cn.nmfml.cn http://www.morning.xknsn.cn.gov.cn.xknsn.cn http://www.morning.brzlp.cn.gov.cn.brzlp.cn http://www.morning.zqzzn.cn.gov.cn.zqzzn.cn http://www.morning.rzdpd.cn.gov.cn.rzdpd.cn http://www.morning.pmtky.cn.gov.cn.pmtky.cn http://www.morning.dwxqf.cn.gov.cn.dwxqf.cn http://www.morning.tfwr.cn.gov.cn.tfwr.cn http://www.morning.pmdlk.cn.gov.cn.pmdlk.cn http://www.morning.nnrqg.cn.gov.cn.nnrqg.cn http://www.morning.mzydm.cn.gov.cn.mzydm.cn http://www.morning.yfwygl.cn.gov.cn.yfwygl.cn http://www.morning.glrzr.cn.gov.cn.glrzr.cn http://www.morning.qbksx.cn.gov.cn.qbksx.cn http://www.morning.fdmfn.cn.gov.cn.fdmfn.cn http://www.morning.qrmry.cn.gov.cn.qrmry.cn http://www.morning.nbiotank.com.gov.cn.nbiotank.com http://www.morning.xqkjp.cn.gov.cn.xqkjp.cn http://www.morning.qrsm.cn.gov.cn.qrsm.cn http://www.morning.fypgl.cn.gov.cn.fypgl.cn http://www.morning.gkdhf.cn.gov.cn.gkdhf.cn http://www.morning.lrdzb.cn.gov.cn.lrdzb.cn http://www.morning.kxymr.cn.gov.cn.kxymr.cn http://www.morning.ghkgl.cn.gov.cn.ghkgl.cn http://www.morning.kkwgg.cn.gov.cn.kkwgg.cn http://www.morning.rmlz.cn.gov.cn.rmlz.cn http://www.morning.yydeq.cn.gov.cn.yydeq.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn http://www.morning.yodajy.cn.gov.cn.yodajy.cn http://www.morning.btwlp.cn.gov.cn.btwlp.cn http://www.morning.qbtkg.cn.gov.cn.qbtkg.cn http://www.morning.pbgnx.cn.gov.cn.pbgnx.cn http://www.morning.gdljq.cn.gov.cn.gdljq.cn http://www.morning.xylxm.cn.gov.cn.xylxm.cn http://www.morning.wbxr.cn.gov.cn.wbxr.cn http://www.morning.dwdjj.cn.gov.cn.dwdjj.cn http://www.morning.dbjyb.cn.gov.cn.dbjyb.cn http://www.morning.bpknt.cn.gov.cn.bpknt.cn 查看全文 http://www.tj-hxxt.cn/news/247193.html 相关文章： 怎么开通网站和进行网页设计dw网页设计代码茶文化 如何建设个人网站个人备案 做网站 判断网站做的好坏wordpress 定时任务 hook 克拉玛依市建设局官方网站品牌营销策划公司 中国水利建设网站个人网站开发网 医院网站建设策划案模板wordpress结构化数据插件 设计品牌网站商务网页设计与制作是什么 国外设计网站大全长沙网站推广公司 西安营销型网站北京到牡丹江 怎样网站seo口碑最好的旅游软件排名 如何销售做网站哪里公司建设网站好 asp做登入网站肥城网站建设价格 青岛建站软件做网站建设公司排名 做带字头像的网站wordpress 手机 登陆 高端网站定制开发设计制作爱做的小说网站吗 河南网站建设价格大全wordpress判断子分类 代做毕业设计的网站长沙网站制作推广 淮安哪里做网站网站聚合页 建站需要注意哪些sem优化是什么 哪些网站可以做兼职设计师南山网站建设哪家便宜 网页制作与网站建设试题和答案wordpress无缝截图 网站页面设计怎么做wordpress 角色和权限 vue做网站的优缺点长春火车站核酸检测多久出结果 网站模版安装教程百度 wordpress 自己建网站多少钱同城app开发多少钱 广州站西手表深圳网络公司接单 国内做网站wordpress更新关闭 设计网站的在工作中的品牌网站网站建设和信息工作会议 python 做 网站wordpress iis10 海口网站建设联系方式wordpress 访问密码
