このためのコードに取り組んでいるすべての人に感謝します!
まったく同じものを探していたことを追加したかっただけですが、私の場合は、処理されたオブジェクトのキャッシュを管理して、キャッシュされているかどうかにかかわらず、ajax 呼び出しからオブジェクトを再解析して処理する必要がないようにするためです。ブラウザによって。これは、多くの処理を必要とするオブジェクト (通常は JSON 形式ではないもの) に特に役立ちますが、これらのものを大規模なプロジェクトや長期間実行されているアプリ/拡張機能にキャッシュしておくと、非常にコストがかかる可能性があります。時間。
とにかく、私はそれを次のようなものに使用します：
var myCache = {
cache: {},
order: [],
size: 0,
maxSize: 2 * 1024 * 1024, // 2mb
add: function(key, object) {
// Otherwise add new object
var size = this.getObjectSize(object);
if (size > this.maxSize) return; // Can't store this object
var total = this.size + size;
// Check for existing entry, as replacing it will free up space
if (typeof(this.cache[key]) !== 'undefined') {
for (var i = 0; i < this.order.length; ++i) {
var entry = this.order[i];
if (entry.key === key) {
total -= entry.size;
this.order.splice(i, 1);
break;
}
}
}
while (total > this.maxSize) {
var entry = this.order.shift();
delete this.cache[entry.key];
total -= entry.size;
}
this.cache[key] = object;
this.order.push({ size: size, key: key });
this.size = total;
},
get: function(key) {
var value = this.cache[key];
if (typeof(value) !== 'undefined') { // Return this key for longer
for (var i = 0; i < this.order.length; ++i) {
var entry = this.order[i];
if (entry.key === key) {
this.order.splice(i, 1);
this.order.push(entry);
break;
}
}
}
return value;
},
getObjectSize: function(object) {
// Code from above estimating functions
},
};
これは単純な例であり、いくつかのエラーがある可能性がありますが、ある程度の知性を備えた静的オブジェクト (コンテンツは変更されません) を保持するために使用できるため、アイデアが得られます。これにより、最初にオブジェクトを生成する必要があった高価な処理要件を大幅に削減できます。
