开发指南018-前端存储

简介: src/utils/qlm_store.js封装了前端存储底层函数。登录后的用户信息都是通过调用底层函数进行保存的。

 src/utils/qlm_store.js封装了前端存储底层函数。登录后的用户信息都是通过调用底层函数进行保存的。

/*

*  key 键值

*  StoreType:存储位置 cookie|session|localStorage

*  调用时不输入该参数时,存储位置由QLMConfig.qlm_jwt_store配置决定

*  当window.QLMConfig.debug=="true" 时存为明文,否则为密文

*/

export function qlm_getValue(key,StoreType)

export function qlm_setValue(key,value,StoreType)

更底层由以下包支持:

import Cookies from 'js-cookie'

window.localStorage

window.sessionStorage

加解密:

import {encrypt,decrypt} from './qlm_commonfuns'

通过封装CryptoJS.AES完成:import CryptoJS from 'crypto-js'

平台上数据字典是缓存在sessionStorage里的,如下代码说明了前端取数据字典的过程:

//先从session中取否则从后台取-用于数据选择
export async function gainCodeItemList(setid){
  let value=qlm_getValue(setid,"session")
  if (value!=null){
    return JSON.parse(value)
  }
  let ret=await queryCodeItemList(setid)
  if (ret.retCode==88888888){
    qlm_setValue(setid,JSON.stringify(ret.data),"session")
    return ret.data
  }
  else{
    console.info("gainCodeItemList:"+setid+" error:"+ret.msg)
    return null
  }
}

image.gif


相关文章
|
27天前
|
存储 监控 前端开发
如何实现前端框架数据驱动方式的数据加密存储?
实现前端框架数据驱动方式的数据加密存储需要综合考虑多个因素,包括加密算法的选择、密钥管理、传输安全、服务器端处理等。通过合理的设计和实施,能够有效提高数据的安全性,保护用户的隐私和敏感信息。但需要注意的是,前端加密存储不能完全替代后端的安全措施,后端的安全防护仍然是不可或缺的。
39 3
|
27天前
|
存储 前端开发 安全
如何确保前端框架数据驱动方式的数据加密存储的兼容性?
确保前端框架数据驱动方式的数据加密存储的兼容性需要综合考虑多个因素,通过充分的评估、测试、关注和更新,以及与其他技术的协调配合,来提高兼容性的可靠性,为用户提供稳定和安全的使用体验。
31 2
|
2月前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
2月前
|
存储 前端开发 JavaScript
🚀 10 个 GitHub 存储库,助你成为前端巨匠✨
本文介绍了10个极具价值的GitHub存储库,旨在帮助各级JavaScript开发人员提升技能。这些资源涵盖了从基本概念到高级算法、编码风格指南、面试准备等各个方面,包括经典书籍、实用工具和面试手册。无论您是刚入门的新手还是有经验的开发者,这些存储库都能为您提供丰富的学习资源,助您在JavaScript领域更进一步。探索这些资源,开启您的学习之旅吧!
65 0
🚀 10 个 GitHub 存储库,助你成为前端巨匠✨
|
2月前
|
存储 前端开发 API
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
115 0
|
2月前
|
前端开发
开发指南047-前端模块版本
平台前端框架内置了一个文件version.vue
|
6月前
|
JSON 前端开发 Java
Java与前端框架集成开发指南*
Java与前端框架集成开发指南*
|
5月前
|
JSON 前端开发 Java
Java与前端框架集成开发指南
Java与前端框架集成开发指南
|
6月前
|
存储 缓存 移动开发
前端开发中常用的存储方法(带解析)
前端存储方法包括Cookie、localStorage、sessionStorage、IndexedDB和已废弃的WebSQL。Cookie用于存储小量数据,每次请求时发送到服务器,可设置过期时间。localStorage和sessionStorage都是HTML5提供的,前者数据永久存储,后者会话关闭后清除。IndexedDB是存储大量结构化数据的数据库,支持索引和事务。WebSQL已废弃,但部分浏览器仍支持。Cache Storage用于缓存响应,提高离线访问性能,通过Service Worker控制。
下一篇
DataWorks