web-storage-cache 使用JS数据缓存

Posted Vincent_void

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web-storage-cache 使用JS数据缓存相关的知识,希望对你有一定的参考价值。

https://github.com/WQTeam/web-storage-cache

使用WebStorageCache,只要在页面上引入下面代码即可。

 

<script src="src/web-storage-cache.js"></script>
<script src="~/scripts/AjaxCache/ajax-cache.js"></script> <script> // create WebStorageCache instance. var wsCache = new WebStorageCache(); // cache ‘wqteam‘ at ‘username‘, expired in 100 seconds wsCache.set(‘username‘, ‘wqteam‘, {exp : 100}); </script>

 

例子:

ar wsCache = new WebStorageCache();

// 缓存字符串‘wqteam‘ 到 ‘username‘ 中, 超时时间100秒
wsCache.set(‘username‘, ‘wqteam‘, {exp : 100});

// 超时截止日期,可用使用Date类型
var nextYear = new Date();
nextYear.setFullYear(nextYear.getFullYear() + 1);
wsCache.set(‘username‘, ‘wqteam‘, {exp : nextYear});

// 获取缓存中 ‘username‘ 的值
wsCache.get(‘username‘);

// 缓存简单js对象,默认使用序列化方法为JSON.stringify。可以通过初始化wsCache的时候配置serializer.serialize
wsCache.set(‘user‘, { name: ‘Wu‘, organization: ‘wqteam‘});

// 读取缓存中的简单js对象 - 默认使用反序列化方法为JSON.parse。可以通过初始化wsCache的时候配置serializer.deserialize
var user = wsCache.get(‘user‘);
alert(user.name + ‘ belongs to ‘ + user.organization);

// 删除缓存中 ‘username‘
wsCache.delete(‘username‘);

// 手工删除所有超时CacheItem,
wsCache.deleteAllExpires();

// 清除客户端中所有缓存
wsCache.clear();

// 为已存在的(未超时的)缓存值设置新的超时时间。
wsCache.touch(‘username‘, 1);

// 如果缓存中没有key为username2的缓存,则添加username2。反之什么都不做
wsCache.add(‘username2‘, ‘wqteam‘, {exp : 1});

// 如果缓存中有key为username的缓存,则替换为新值。反之什么都不做
wsCache.replace(‘username‘, ‘new wqteam‘, {exp : 1});

// 检查当前选择作为缓存的storage是否被用户浏览器支持。
//如果不支持调用WebStorageCache API提供的方法将什么都不做。
wsCache.isSupported();

  

 

以上是关于web-storage-cache 使用JS数据缓存的主要内容,如果未能解决你的问题,请参考以下文章

window.requestAnimationFrame与Tween.js配合使用实现动画缓动效果

原生js实现缓动返回顶部

利用tween.js算法生成缓动效果

JS---封装缓动(变速)动画函数---增加任意多个属性&增加回调函数

js实现缓动效果-让div运动起来

TweenJS----前端常用的js动画库,缓动画和复制动画的制作,效果非常好。