sessionStorage 、localStorage 和 COOKIE 之间的共同点：
都是保存在浏览器端，且同源的。
sessionStorage 、localStorage 和 COOKIE 之间的区别：
COOKIE数据始终在同源的http请求中携带（即使不需要），即COOKIE在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。COOKIE数据还有路径（path）的概念，可以限制COOKIE只属于某个路径下。
存储大小限制也不同，COOKIE数据不能超过4k，同时因为每次http请求都会携带COOKIE，所以COOKIE只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比COOKIE大得多，可以达到5M或更大。
数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；COOKIE只在设置的COOKIE过期时间之前一直有效，即使窗口或浏览器关闭。
作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；COOKIE也是在所有同源窗口中都是共享的。
Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。
Web Storage 的 api 接口使用更方便。
封装的localStorage的方法，可以控制存储数据的条数，以及时间
define(function (require) {
var $ = require('jquery');
var Cache = {};
function support() {
var _t = !(typeof window.localStorage === 'undefined');
return _t;
}
$.extend(Cache, {
config: {
size: 5,
// lifeTime: 86400 //一天的秒数
lifeTime: 1*60
},
localStorage: window.localStorage,
memQueue: (function () {
if (support()) {
var jsOnStr= window.localStorage.getItem('LRUConfig');
return jsonStr &＃63; JSON.parse(jsonStr) : {
keys: {},
objs: []
};
} else {
return {};
}
})(),
get: function(appid, url) {
if (true == support()) {
var key = appid + ':' + url;
//开始做LRU算法。
this.LRU(key);
//LRU算法结束。
var isFresh = true;
var nowTime = (new Date()).getTime() / 1000;
if(key in this.memQueue.keys){
var cacheTime = this.memQueue.keys[key].life / 1000;
//如果过期时间超过 配置的lifeTime，
//则清除掉当前缓存
if(nowTime - cacheTime >= this.config.lifeTime){
delete this.memQueue.keys[key];
for (var i=0, len = this.memQueue.objs.length; i = this.config.size) {
var lruKey = this.getLRU();
//淘汰最近最少使用的这个。
//另外起一个方法读取最符合淘汰的这个
if (lruKey) {
this.localStorage.removeItem(lruKey);
delete this.memQueue.keys[lruKey];
for (var i = 0; i s.times) {
return -1;
} else {
//开始比较time
//按time，时间升序排列
if (f.time = this.config.size) &＃63; _o.shift().key : null;
}
return null;
}
});
return {
'cache': Cache
};
});
使用方法
var cache = require('cache');
// set 值
cache.Cache.set('ip', '你自己的一个url', value);
// get值
cache.Cache.get('ip')
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有