Pure js は無制限の space_javascript スキルでローカルストレージを実現します-jsチュートリアル-php.cn

Pure js は無制限の space_javascript スキルでローカルストレージを実現します

WBOY

リリース： 2016-05-16 15:54:14

オリジナル

1448 人が閲覧しました

ブログを書くのは久しぶりです。2年前にソースコードを公開すると約束していたのに、ようやく純粋なJSを使用した容量無制限のローカルストレージの機能をオープンソースする時間ができたと思いました。 .

プロジェクトアドレスhttps://github.com/xueduany/localstore、

デモはhttp://xueduany.github.io/localstore/、

を参照してください。

一般原則について簡単に説明します。具体的な詳細と例外処理については、後で機会があれば別途説明します。

まず、localStorage を突破する原理について説明します。公式の文言は次のとおりです。 http://www.w3.org/TR/2013/PR-webstorage-20130409/

つまり、複数のサブドメインの localStorage が相互に依存しないという事実を利用して、複数のサブドメインの localStorage を介してストアプールを設計および実装し、上限を突破することができます

その後、実際の API を保存するときに、localStorage には保存されません

これは管理者モードに少し似ています。つまり、保存したいものを倉庫管理者に伝え、倉庫管理者から鍵を渡され、その鍵を対応する倉庫に持っていき、自分のものをホストします。そうすると、マネージャーがあなたにトークン証明書を渡します。今後、この証明書を保持するだけで、保存したものを取り出すことができます

。

localStorage と同様の API を実装している限り、エンドユーザーはデータの保存場所を気にする必要はありません

次に、ウェアハウス管理者として機能する js オブジェクトを設計します。この管理者はいくつのトークンをサポートする必要がありますか?つまり、どのサブドメイン名の下に保存する必要がありますか?このような一連のデータ構造を設計して実装する必要があります

対応するキーの下には、データが存在する倉庫のアドレスと保管期間が表示されます。保管期間の概念は、データの鮮度を計算するために使用されます。つまり、データの有効期限が切れているかどうかを計算します。

そのため、最初に複数の iframe を作成して、複数のドメイン名でプロキシファイルを読み込み、HTML5 API postMessage または古いページのクロスドメインメソッドを通じて相互に通信し、このプロキシのプロキシを通じてデータを保存する必要があります。

データキーのスタブを現在のメインドメイン名で保存し、実際のデータを各サブドメイン名で保存します

ストレージ制限を超えたので、Web ページを保存したい場合は、Web ページに関連するすべての静的リソース (js、css など) をプルダウンすることを検討する必要があります。テキスト、これらはすべて単純です。ajax リクエストが行われる限り、コンテンツを取得できます。考慮すべき点は、クロスドメインの問題により、js が応答データを取得できないことだけです。 CDN ノードサーバー上の

への応答ヘッダー。