数据本地存储方法封装（笔记）localStorage、sessionStorage

方法：

import storage from 'good-storage'const SELLER_KEY = '__seller__'export function saveToLocal(id, key, val) {const seller = storage.get(SELLER_KEY, {})if (!seller[id]) {seller[id] = {}}seller[id][key] = valstorage.set(SELLER_KEY, seller)
}export function loadFromLocal(id, key, def) {const seller = storage.get(SELLER_KEY, {})if (!seller[id]) {return def}return seller[id][key] || def
}

使用：

import { saveToLocal, loadFromLocal } from 'common/js/storage'// 存值
this.favorite = loadFromLocal(this.seller.id, 'favorite', false)// 取值
saveToLocal(this.seller.id, 'favorite', this.favorite)

备注：存储api

 import storage from 'good-storage'// localStoragestorage.set(key,val) storage.get(key, def)// sessionStoragestorage.session.set(key, val)storage.session.get(key, val)

感谢黄轶老师。

数据本地存储方法封装（笔记）localStorage、sessionStorage相关推荐

js本地存储函数封装基于localStorage本地存储
函数封装 //基于localStorage本地存储 var store={set:function(name, value, day) { // 设置let d = new Date()let tim ...
各种本地存储对比 cookie，localStorage，sessionStorage，indexDB以及他们和vuex的区别
cookie 存储在cookie中的数据,每次都会被浏览器自动放在http请求中,如果这些数据并不是每个请求都需要发给服务端的数据,浏览器这设置自动处理无疑增加了网络开销:但如果这些数据是每个请求都需 ...
C#数据本地存储方案之SQLite
即使是做网络应用,在断线情况下,也需要考虑数据的本地存储.在SQLite出现之前,数据量大的情况下,我们一直使用ACCESS,数据量小,则文件存储.ACCESS不支持事务原子性,在断电情况下(这种情况 ...
pandas读取文件数据、存储详解笔记
本文是对 <利用Python进行数据分析>中关于数据读取的回顾性总计笔记,包含代码注释等. 目录 pd.read_csv和pd.read_table jsons数据读取二级制数据读取读 ...
Ripple数据本地存储概览
1.数据文件及介绍 1.1 Sqlite数据文件包含表内容 Ledger.db Ledgers 区块信息 Ledger.db Validations 本地历史区块共识信息 Transaction ...
IOS数据本地存储的四种方式--
注:借鉴于:http://blog.csdn.net/jianjianyuer/article/details/8556024 在IOS开发过程中,不管是做什么应用,都会碰到数据保存问题.将数据保存到 ...
实现搜索历史的记录（记录到本地存储中）
什么是本地存储: 把数据存储到电脑本地(电脑的某个文件里面 ) 通过浏览器来存储的有哪些本地存储的方式 : localStorage sessionStorage localStorage 永久存储 ...
HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
vue存储数据的几种方法（Vuex与本地存储）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 vue存储数据的几种方法(Vuex与本地存储) 前言一.vuex 1.创建vuex 2.存入数据 3.取出数据二.本地存储 1.存 ...

数据本地存储方法封装（笔记）localStorage、sessionStorage

数据本地存储方法封装（笔记）localStorage、sessionStorage

数据本地存储方法封装（笔记）localStorage、sessionStorage相关推荐

最新文章

热门文章