Electron-store本地存储功能用法详解
更新时间：2023年06月26日 08:48:31 作者：他的猫MM
这篇文章主要为大家介绍了Electron-store本地存储功能的用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
前言
在用electron做win桌面应用程序开发的时候,我们会涉及到一些数据需要做到本地磁盘储存,并能随意取出和更改.
一般情况下存储的数据都是用户的一些基本信息和配置信息,这样下次继续打开程序就不需要再次配置.
那么用什么方法去实现应用程序本地磁盘存储呢?
Electron存储简单数据推荐用electron-store
electron-store可以用来保存electron应用程序或模块的简单数据持久性-保存和加载用户首选项，应用程序状态，缓存等。
github地址electron-store
electron官方文档electronjs.org
一、为什么不使用window.localStorage
- localStorage仅在浏览器进程（渲染进程）中起作用。
- localStorage的容错性不是很高，因此，如果您的应用遇到错误并意外退出，则可能会丢失数据。
- localStorage仅支持持久字符串。 此模块支持任何JSON支持的类型。
- localStorage不是很安全，可能是由于xss攻击而泄漏信息。
- electron-store模块的API更好。 您可以设置并获取嵌套属性。 您可以设置默认的初始配置。
二、安装electron-store
npm install electron-store
注意: 这里安装的是最新的版本可能会出现卡死或者报错等问题,可以降低版本,具体原因是因为与electron版本兼容性有关(可以安装4.0.0版本)
npm install electron-store@4.0.0
三、electron-store用法
const Store = require('electron-store');
const store = new Store();
//set设置值
store.set('unicorn', 'wangyang');
console.log(store.get('unicorn'));
//=> 'wangyang'
// 使用点表示法访问嵌套属性
store.set('foo.bar', true);
//get取值
console.log(store.get('foo'));
//=> {bar: true}
//delete删除值
store.delete('unicorn');
console.log(store.get('unicorn'));
//=> undefined知道了一些基础值,我们的本地存储就能实现了,具体更细节的api可以去github上学习
以上就是Electron-store本地存储功能的详细内容，更多关于Electron-store本地存储的资料请关注脚本之家其它相关文章！
相关文章
我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭,这里脚本之家小编给大家带来了去掉vue 中的代码规范检测两种方法(Eslint验证)，一起看看吧2018-03-03
VUE2.0+Element-UI+Echarts封装的组件实例
下面小编就为大家分享一篇VUE2.0+Element-UI+Echarts封装的组件实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要为大家详细介绍了Vue动态实现评分效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据，这篇文章主要介绍了VUE中常用的4种高级方法,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了聊聊vue 中的v-on参数问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2021-01-01
这篇文章主要介绍了vue中Axios的封装和API接口的管理,主要目的就是在帮助我们简化代码和利于后期的更新维护，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-09-09
vue中PC端使用高德地图实现搜索定位、地址标记、弹窗显示定位详情(完整实例)
这篇文章主要介绍了vue中PC端使用高德地图实现搜索定位、地址标记、弹窗显示定位详情,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
这篇文章主要介绍了Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果,通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
vue在同一个组件内,方法之间经常需要互相调用,下面这篇文章主要给大家介绍了关于vue2中组件互相调用实例methods中的方法实现的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
vue中keep-alive、activated的探讨和使用详解
这篇文章主要介绍了vue中keep-alive、activated的探讨和使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
最新评论