Electron-store本地存儲功能用法詳解
前言
在用electron做win桌面應(yīng)用程序開發(fā)的時候,我們會涉及到一些數(shù)據(jù)需要做到本地磁盤儲存,并能隨意取出和更改.
一般情況下存儲的數(shù)據(jù)都是用戶的一些基本信息和配置信息,這樣下次繼續(xù)打開程序就不需要再次配置.
那么用什么方法去實(shí)現(xiàn)應(yīng)用程序本地磁盤存儲呢?
Electron存儲簡單數(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的容錯性不是很高，因此，如果您的應(yīng)用遇到錯誤并意外退出，則可能會丟失數(shù)據(jù)。
- localStorage僅支持持久字符串。 此模塊支持任何JSON支持的類型。
- localStorage不是很安全，可能是由于xss攻擊而泄漏信息。
- electron-store模塊的API更好。 您可以設(shè)置并獲取嵌套屬性。 您可以設(shè)置默認(rèn)的初始配置。
二、安裝electron-store
npm install electron-store
注意: 這里安裝的是最新的版本可能會出現(xiàn)卡死或者報錯等問題,可以降低版本,具體原因是因?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ǔ)值,我們的本地存儲就能實(shí)現(xiàn)了,具體更細(xì)節(jié)的api可以去github上學(xué)習(xí)
以上就是Electron-store本地存儲功能的詳細(xì)內(nèi)容，更多關(guān)于Electron-store本地存儲的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue如何動態(tài)設(shè)置class、動態(tài)設(shè)置style
這篇文章主要介紹了vue如何動態(tài)設(shè)置class、動態(tài)設(shè)置style，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue提供了一種稱為函數(shù)式組件的組件類型,用來定義那些沒有響應(yīng)數(shù)據(jù),也不需要有任何生命周期的場景,它只接受一些props來顯示組件,下面這篇文章主要給大家介紹了關(guān)于Vue高級組件之函數(shù)式組件的使用場景與源碼分析的相關(guān)資料,需要的朋友可以參考下2021-11-11
Vue如何實(shí)現(xiàn)文件預(yù)覽和下載功能的前端上傳組件
在Vue.js項(xiàng)目中,使用ElementUI的el-upload組件可以輕松實(shí)現(xiàn)文件上傳功能,通過配置組件參數(shù)和實(shí)現(xiàn)相應(yīng)的方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
Vue中使用Openlayer實(shí)現(xiàn)加載動畫效果
這篇文章主要介紹了Vue+Openlayer加載動畫效果的實(shí)現(xiàn)代碼，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-08-08
這篇文章主要給大家介紹了如何換個角度使用VUE過濾器的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用VUE具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
vue3+ts中ref與reactive指定類型實(shí)現(xiàn)示例
這篇文章主要為大家介紹了vue3+ts中ref及reactive如何指定類型的實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
vue實(shí)現(xiàn)目錄樹結(jié)構(gòu)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)目錄樹結(jié)構(gòu)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Vue3 axios配置以及cookie的使用方法實(shí)例演示
這篇文章主要介紹了Vue3 axios配置以及cookie的使用方法,需要的朋友可以參考下2023-02-02
彈窗是我們開發(fā)中經(jīng)常遇到的一個功能,下面這篇文章主要給大家介紹了關(guān)于vue如何通過點(diǎn)擊事件彈出彈窗頁面的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要介紹了解讀vant的Uploader上傳問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10