【前端】localStorage以及sessionStorage

localStorage 以 sessionStorage


最近项目上需要修改之前的一些代码,我在特定的需求以及自身技术的限制下 写了大量对localStorage的存取代码, 导致代码变得难以维护以及丑陋不堪。
总结:非必要的情况下还是减少对localStorage的操作,能用状态解决的不要用storage
主要原因有:

  1. localStorage主要是存储在非易失性存储器当中的, 没有干扰的话,应该是永久性存储的,所以一般还是通过js来清除。
    若是在localStorage存储了需要频繁修改的变量,那么势必存在大量的磁盘读写,对磁盘的读写次数多了显然会减低性能.

    不同操作系统localStorage存储在不同的地方 Mac如下:

     ~/library/Application Support/Google/chrome/Default/Local Storage
    //注意cd的时候加空格转义符号 
    
  2. sessionStorage则是存储在易失性存储器当中,当你关闭浏览器tab的时候,或者新打开一个tab,则会消失。至于存储路径,mac当中路径同上,将Local Storage改为Session Storage就行了

下面列举: 我在项目当中用到localStorage的需求
用户初次 进入H5应用界面的时候有一个【使用指导】,我通过localstorage当中设置 ,字段来判断,用户是否需要【使用指导】。 但在实际操作的过程中,若对字段不以区分,会造成同一设备,在登录不同用户的时候,对local Storage中相同字段进行修改 。

下面列举:在项目当中用到sessionStorage的需求
当用户从列表页面进入 详情页,再返回的时候,需要展示用户之前操作的信息,这些信息存储在sessionStorage当中 。

PS:博主刚刚莽上研究生 技术上十分薄弱 希望通过写博客记录的方式成长 有错误的地方望指正

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值