js 简单本地缓存

2 篇文章 0 订阅
var Cache={
type: 'session',
setType : function(){
if( this. type == 'session'){
return window. sessionStorage;
}
if( this. type == 'local'){
return window. localStorage;
}
console. log( '类型错误!');
},
set : function( $key, $value){
this. setType(). setItem( $key, $value);
},
get : function( $key){
return this. setType(). getItem( $key)
}
}
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UniApp 提供了内置的本地存储功能,如 Vuex(状态管理库)和 localStorage,方便在登录注册过程中进行数据缓存。以下是一个简单的 UniApp 登录注册本地缓存模板: 1. **使用 Vue.js 和 Vuex**: - 首先,安装 Vuex:`npm install vuex` - 创建一个 `store.js` 文件,用于存储用户信息: ```javascript import Vue from 'vue' import Vuex from 'vuex' export default new Vuex.Store({ state: { userInfo: null, // 存储登录信息 isLogin: false, // 用户是否已登录 }, mutations: { setUser(state, userInfo) { state.userInfo = userInfo; state.isLogin = true; }, logout(state) { state.userInfo = null; state.isLogin = false; }, }, actions: { login({ commit }, credentials) { // 这里模拟从接口获取数据 if (/* 登录成功 */) { commit('setUser', { username: 'John Doe', token: 'abc123' }); } else { alert('登录失败'); } }, logout({ commit }) { commit('logout'); }, }, }); ``` 2. **在登录组件中使用**: - 通过 `this.$store.state.userInfo` 获取或设置用户信息 - 使用 `this.$store.dispatch('login', credentials)` 登录 3. **注册组件中可能涉及**: - 注册后同样可以保存用户的注册信息到 store,然后在登录时检查是否存在。 4. **本地存储缓存**: - 对于敏感信息(如token),你可能还需要将它加密并存储在 localStorage 中,例如: ```javascript const encryptedToken = encrypt(credentials.token); // 使用加密函数 localStorage.setItem('token', encryptedToken); ``` - 登录时再从 localStorage 解密。 **相关问题:** 1. UniApp 中如何管理状态? 2. 为什么要使用 Vuex 而不是直接操作 localStorage? 3. 如何在 UniApp 中实现登录状态的持久化?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值