vue之浏览器存储方法封装实例


Posted in Javascript onMarch 15, 2018

如下所示:

export function isObject (val) {
 return val !== null && typeof val === 'object'
}
export function setStore (key, val, type = 'localStorage') {
 if (isObject(val)) window[type].setItem(key, JSON.stringify(val))
 else window[type].setItem(key, val)
}
export function getStore (key, type = 'localStorage') {
 var val = window[type].getItem(key)
 try {
 return JSON.parse(val)
 } catch (e) {
 return val
 }
}
export function setSessionStore (key, val) {
 setStore(key, val, 'sessionStorage')
}
export function getSessionStore (key) {
 return getStore(key)
}
// 默认30minute
export function setExpireStore (key, val, ex = 1.8e6) {
 setStore(key, {v: val, t: Date.now() + ex})
}
export function getExpireStore (key) {
 var obj = getStore(key)
 if (obj.t > Date.now()) return obj.v
 else return false
}
export default {
 isObject,
 setStore,
 getStore,
 setSessionStore,
 getSessionStore,
 setExpireStore,
 getExpireStore
}

以上这篇vue之浏览器存储方法封装实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
javascript 继承实现方法
Aug 26 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
May 16 Javascript
bootstrap fileinput 插件使用项目总结(经验)
Feb 22 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 Javascript
package.json中homepage属性的作用详解
Mar 11 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 Javascript
vue实现提示保存后退出的方法
Mar 15 #Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 #Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 #Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 #Javascript
iview中Select 选择器多选校验方法
Mar 15 #Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 #Javascript
基于IView中on-change属性的使用详解
Mar 15 #Javascript
You might like
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
laravel学习教程之存取器
2016/07/30 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
python使用7z解压apk包的方法
2015/04/18 Python
django 常用orm操作详解
2017/09/13 Python
Django 框架模型操作入门教程
2019/11/05 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
解决python cv2.imread 读取中文路径的图片返回为None的问题
2020/06/02 Python
Hotels.com中国区:好订网
2016/08/18 全球购物
马来西亚网上购物:Youbeli
2018/03/30 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
工作交流会欢迎词
2014/01/12 职场文书
优秀体育委员自荐书
2014/01/31 职场文书
《学会待客》教学反思
2014/02/22 职场文书
教师听课评语大全
2014/12/31 职场文书
小孩不笨观后感
2015/06/03 职场文书
员工工作心得体会
2019/05/07 职场文书
nginx proxy_cache 缓存配置详解
2021/03/31 Servers
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP