Electron-store本地存儲(chǔ)功能用法詳解
前言
在用electron做win桌面應(yīng)用程序開發(fā)的時(shí)候,我們會(huì)涉及到一些數(shù)據(jù)需要做到本地磁盤儲(chǔ)存,并能隨意取出和更改.
一般情況下存儲(chǔ)的數(shù)據(jù)都是用戶的一些基本信息和配置信息,這樣下次繼續(xù)打開程序就不需要再次配置.
那么用什么方法去實(shí)現(xiàn)應(yīng)用程序本地磁盤存儲(chǔ)呢?
Electron存儲(chǔ)簡單數(shù)據(jù)推薦用electron-store
electron-store可以用來保存electron應(yīng)用程序或模塊的簡單數(shù)據(jù)持久性-保存和加載用戶首選項(xiàng)，應(yīng)用程序狀態(tài)，緩存等。
github地址electron-store
electron官方文檔electronjs.org
一、為什么不使用window.localStorage
- localStorage僅在瀏覽器進(jìn)程（渲染進(jìn)程）中起作用。
- localStorage的容錯(cuò)性不是很高，因此，如果您的應(yīng)用遇到錯(cuò)誤并意外退出，則可能會(huì)丟失數(shù)據(jù)。
- localStorage僅支持持久字符串。 此模塊支持任何JSON支持的類型。
- localStorage不是很安全，可能是由于xss攻擊而泄漏信息。
- electron-store模塊的API更好。 您可以設(shè)置并獲取嵌套屬性。 您可以設(shè)置默認(rèn)的初始配置。
二、安裝electron-store
npm install electron-store
注意: 這里安裝的是最新的版本可能會(huì)出現(xiàn)卡死或者報(bào)錯(cuò)等問題,可以降低版本,具體原因是因?yàn)榕celectron版本兼容性有關(guān)(可以安裝4.0.0版本)
npm install electron-store@4.0.0
三、electron-store用法
const Store = require('electron-store');
const store = new Store();
//set設(shè)置值
store.set('unicorn', 'wangyang');
console.log(store.get('unicorn'));
//=> 'wangyang'
// 使用點(diǎn)表示法訪問嵌套屬性
store.set('foo.bar', true);
//get取值
console.log(store.get('foo'));
//=> {bar: true}
//delete刪除值
store.delete('unicorn');
console.log(store.get('unicorn'));
//=> undefined知道了一些基礎(chǔ)值,我們的本地存儲(chǔ)就能實(shí)現(xiàn)了,具體更細(xì)節(jié)的api可以去github上學(xué)習(xí)
以上就是Electron-store本地存儲(chǔ)功能的詳細(xì)內(nèi)容，更多關(guān)于Electron-store本地存儲(chǔ)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
去掉vue 中的代碼規(guī)范檢測兩種方法(Eslint驗(yàn)證)
我們?cè)谑褂胿ue 腳手架時(shí)，為了規(guī)范團(tuán)隊(duì)的代碼格式，會(huì)有一個(gè)代碼規(guī)范檢測，如果不符合規(guī)范就會(huì)報(bào)錯(cuò)，有時(shí)候我們不想按照他的規(guī)范去寫。這時(shí)我們需要關(guān)閉,這里腳本之家小編給大家?guī)砹巳サ魐ue 中的代碼規(guī)范檢測兩種方法(Eslint驗(yàn)證)，一起看看吧2018-03-03
VUE2.0+Element-UI+Echarts封裝的組件實(shí)例
下面小編就為大家分享一篇VUE2.0+Element-UI+Echarts封裝的組件實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue動(dòng)態(tài)實(shí)現(xiàn)評(píng)分效果
這篇文章主要為大家詳細(xì)介紹了Vue動(dòng)態(tài)實(shí)現(xiàn)評(píng)分效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
provide/inject 是 Vue.js 中用于跨組件傳遞數(shù)據(jù)的一種高級(jí)技術(shù)，它可以將數(shù)據(jù)注入到一個(gè)組件中，然后讓它的所有子孫組件都可以訪問到這個(gè)數(shù)據(jù)，這篇文章主要介紹了VUE中常用的4種高級(jí)方法,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了聊聊vue 中的v-on參數(shù)問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2021-01-01
這篇文章主要介紹了vue中Axios的封裝和API接口的管理,主要目的就是在幫助我們簡化代碼和利于后期的更新維護(hù)，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
vue中PC端使用高德地圖實(shí)現(xiàn)搜索定位、地址標(biāo)記、彈窗顯示定位詳情(完整實(shí)例)
這篇文章主要介紹了vue中PC端使用高德地圖實(shí)現(xiàn)搜索定位、地址標(biāo)記、彈窗顯示定位詳情,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
Vue render渲染時(shí)間戳轉(zhuǎn)時(shí)間,時(shí)間轉(zhuǎn)時(shí)間戳及渲染進(jìn)度條效果
這篇文章主要介紹了Vue render渲染時(shí)間戳轉(zhuǎn)時(shí)間,時(shí)間轉(zhuǎn)時(shí)間戳及渲染進(jìn)度條效果,通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
vue2中組件互相調(diào)用實(shí)例methods中的方法實(shí)現(xiàn)詳解
vue在同一個(gè)組件內(nèi),方法之間經(jīng)常需要互相調(diào)用,下面這篇文章主要給大家介紹了關(guān)于vue2中組件互相調(diào)用實(shí)例methods中的方法實(shí)現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
vue中keep-alive、activated的探討和使用詳解
這篇文章主要介紹了vue中keep-alive、activated的探討和使用詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07