HTML5は、アプリケーションキャッシュテクノロジーを導入します。つまり、Webアプリケーションは、ネットワークを使用してキャッシュして使用できます。
アプリケーションキャッシュによってもたらされる3つの利点は次のとおりです。
①オフラインの閲覧
pageページの顔の収入速度を上げます
serverサーバーの圧力を下げます
また、メインブラウザは、アプリケーションキャッシュをサポートしていてもサポートされています
オフラインストレージテクノロジーHTML5は、2つの主要なオフラインストレージテクノロジーを提案しています。それぞれが独自のアプリケーションシナリオとオフラインストレージテクノロジーを使用しています。
練習後、LocalStorageは批判的でないAJAXデータを保存し、ケーキを行う必要があると考えています。
アプリケーションキャッシュはまだ静的リソースを保存するために使用されますが、それでも乾燥したアイシングの問題です。
Cookieは小さな段落テキスト（4096バイト）のみを保存できます。 Cookieによって行われます。このテキストは、毎回サーバーとブラウザの間を通過し、ユーザーのアクセス許可を確認します。
したがって、アプリケーションキャッシュのアプリケーションシナリオは異なるため、使用は一貫していません。
アプリケーションキャッシュの紹介アプリケーションキャッシュは2つの側面を使用します。
serverサーバーはマニフェストリストを維持する必要があります
browserブラウザに簡単な設定は1つだけです
<html manifest = demo.appcache>
例を説明するには：
Cache ManifestCache：＃Cache Style1.css1.jpg01.jshttp：//localhost/applicationcache/02.jshttp：//localhost/application/zepto.jsnetw ork：＃4.jpgfallback：＃＃＃after cache fails the access fails failsスペアアクセスのリソース、1つ目はアクセスのソースです。2つ目はファイル*.html /offline.html2.jpg/3.jpgを置き換えることです
まず第一に、私はここで間違いを報告しました：
アプリケーションキャッシュエラーイベント：マニフェストフェッチが失敗しました（404）
このエラーの理由は、マニフェストファイルが正しいMIMEタイプ、つまりテキスト/キャッシュマニフェストを構成する必要があるためです。 Webサーバーで構成する必要があり、異なるサーバーは異なります
/ApplicationCache 01.js 02.js 1.jpg 2.jpg 3.jpg 4.jpg demo.appcache index.html style1.css style2.css web.config zepto.js
このようにして、この時点でインターネットが切断されていても、それらのファイルにアクセスできます。
ここでは、ここではnoがあります
マニフェストファイルは3つの部分に分割できます。
キャッシュマニフェスト - このタイトルにリストされているファイルは、最初のダウンロード後にキャッシュされます
ネットワーク - このタイトルにリストされているファイルは、キャッシュされずにサーバーに接続する必要があります
フォールバック - このタイトルにリストされているファイルは、ページにアクセスできないときにページを後退させるページ（404ページなど）を規定しています
図に示すように、HTML5はいくつかのイベントポイントを定義しますが、通常、JSを使用して何かを操作することはできません。
寸法アプリケーションキャッシュのサイズ制限は5mで統一されています。ここでテストを行います。
示されているように、この時点で2つのCSSファイルはまだ5mを超えています
ドキュメントは、マニフェストhttp：//localhost/applicationcache/demo.appcacheindex.html：1アプリケーションキャッシュを使用してアプリケーションキャッシュからロードされました。 1アプリケーションキャッシュnoupdate eventIndex.html：11 get http：//localhost/applicationcache/2.jpg net :: err_fairdindex.html：12 getp：// appl icicationcache/3.jpg net :: err_faird
示されているように、style2はもはやキャッシュできませんが、これはどのような問題を引き起こしますか？
たとえば、チャンネルAは独自のアプリケーションキャッシュを維持し、チャンネルBも維持します。チャネルAがピークを使用すると、チャネルBのすべてのキャッシュが失敗するため、
アプリケーションキャッシュ、パブリックリソースを保存し、ビジネスリソースを保存しないことをお勧めします
いくつかの問題更新メカニズムの観点から、ページの読み込みが開始または完了したため、マニフェストが初めて更新された場合、ブラウザはアプリケーションキャッシュを使用します更新されます。この時点で、window.reloadイベントは更新イベントで実行されました。
window.applicationcache.addeventlistener（updateready、function（）{window.location.reload（）}）;上記の例から、キャッシュは、上記の例のApplicationCache/Timeなどの定義ファイルだけではないこと、マッピングがデフォルトで保存されたindex.htmlのデータ、およびデモが含まれていることがわかります。 AppCacheファイルは、多くの場合、オンラインで更新されます。
たとえば、ここで変更します。
<html manifest = demo.appcache> => <html manifest = demo1.appcache>
現時点では、demo.appcacheの更新を行わない場合、index.htmlがキャッシュされているため、キャッシュは更新されません。
各ページは独自のマニフェストリストを均一に管理します。つまり、ページAはcommon.jsで構成され、bページもcommon.jsで構成されています。つまり、ページが更新された後、Bページのマニフェストの場合変更されず、ページBはまだ読み取られています。
要約します可用性と使いやすさの点では、アプリケーションのキャッシュは使用する価値がありますが、静的なリソースを実際に達成するには、より多くの努力をする必要があります。