localStorage本地储存加密解密

普通存取

//存
localStorage.setItem('name',"张三");
//取
var data = localStorage.getItem("name");
//删除指定
localStorage.removeItem("name");
//删除全部
localStorage.clear();

加密解密存取

//存
 localStorage.setItem("name",window.btoa(window.encodeURIComponent(JSON.stringify('张三'))));
//取
let name = JSON.parse(decodeURIComponent(window.atob(localStorage.getItem("name"))));

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JS账号登录本地存储是指通过JavaScript将用户登录信息保存在用户本地浏览器中的一种方法。 在前端开发中,通常会使用Web Storage来实现本地存储。Web Storage是HTML5规范中的一项新特性,它提供了一种持久化存储数据的方式,可以在用户的浏览器客户端中存储数据。 在JS账号登录的场景下,一般会使用LocalStorage或SessionStorage来进行本地存储。LocalStorage是一种持久化存储方式,数据会一直保存在用户本地,即使浏览器关闭后仍然存在,直到用户主动删除。SessionStorage则是会话级别的存储,数据只会在当前会话中有效,当用户关闭浏览器标签或窗口后会被清除。 当用户成功登录后,通过JavaScript将用户信息(如用户ID、用户名等)保存到LocalStorage或SessionStorage中。这样,在之后的访问中,可以通过读取LocalStorage或SessionStorage中的数据来判断用户是否已经登录。如果存在登录信息,则认为用户已经登录,可以实现一些相关的业务逻辑。 通过JS账号登录本地存储,可以提供更好的用户体验和便捷性。用户可以自动登录,无需每次都输入账号密码。同时,也可以减轻服务器的负担,避免每次登录都需要向服务器发送验证请求。 需要注意的是,由于本地存储是保存在用户本地浏览器中的,所以安全性是一个重要的考虑因素。涉及到用户隐私和敏感信息的存储,应该采取一些安全措施,如使用加密算法对数据进行加密,避免被恶意攻击者获取。 ### 回答2: JS账号登录本地存储是指通过JavaScript代码将用户账号信息保存在用户的本地设备上,以便用户在下次登录时不需要再次输入账号信息,而直接从本地存储获取。 在前端开发中,我们可以使用HTML5提供的Web Storage API来实现本地存储。Web Storage有两种存储方式:localStorage和sessionStoragelocalStorage是持久化的本地存储,在用户关闭浏览器后数据依然存在,需要手动清除。通过localStorage.setItem(key, value)方法可以将用户账号信息存储在用户的本地设备上,其中key是键名,value是对应的账号信息。 当用户再次访问该网页时,可以通过localStorage.getItem(key)方法获取之前存储的账号信息,并进行登录验证。如果获取到账号信息并验证成功,则可以自动登录,否则需要用户手动输入账号信息进行登录。 需要注意的是,由于localStorage是基于域名的,也就是说只有在同一个域名下才能获取到之前存储的账号信息。如果在不同的域名下登录,是无法获取到之前存储的账号信息的。 另外,为了保障账号信息的安全性,需要对账号信息进行加密处理再存储在本地,以防止被恶意获取。在获取账号信息时也需要进行解密操作才能得到正确的账号信息。 总之,通过JS账号登录本地存储,可以提供更好的用户体验,让用户在下次登录时更加方便快捷。但同时也需要注意账号信息的安全性,避免账号信息泄露给未授权的第三方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值