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 相关文章推荐
js实现防止被iframe的方法
Jul 03 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
详解js类型判断
May 22 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
React优化子组件render的使用
May 12 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 Javascript
three.js如何实现3D动态文字效果
Mar 03 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技术开发技巧分享
2010/03/23 PHP
php实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
WordPress中用于创建以及获取侧边栏的PHP函数讲解
2015/12/29 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
Python实现带百分比的进度条
2016/06/28 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
Tensorflow实现AlexNet卷积神经网络及运算时间评测
2018/05/24 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
解决pymysql cursor.fetchall() 获取不到数据的问题
2020/05/15 Python
学生就业推荐信
2013/11/13 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
小班评语大全
2014/05/04 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
工作表扬信
2015/01/17 职场文书
手术室护士个人总结
2015/02/13 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android