**：
最近由於找工作一直沒時間也沒有精力更新部落格，找工作真是一件苦逼的事情啊。。。不抱怨了，我們來看看html5的新特性---離線儲存吧。
首先來講解下離線儲存的使用方法，說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。
manifest = "cache.manifest">
...html>
cache.manifest檔案的書寫方式，就像下面這樣：
cache manifest
#v0.11
cache:
css/style.css
network:
resourse/logo.png
fallback:
/ /offline.html
離線的情況下，瀏覽器就直接使用離線儲存的資源。
這個過程中有幾個問題需要注意。
對於manifest檔案進行快取的時候需要十分小心，因為可能出現一種情況就是你對manifest檔案進行了更新，但是http的快取規則告訴瀏覽器本地快取的manifest檔案還沒過期，這個情況下瀏覽器還是使用原來的manifest檔案，所以對於manifest檔案最好不要設定快取。
說了這麼多，不如自己動手來試試。這裡需要說明的是，如果需要看到離線儲存的效果，那麼你需要把你的網頁部署到伺服器上，不管是本地還是生產環境伺服器中，通過本地檔案開啟網頁是無法體驗到離線儲存的。我在我的電腦上跑了乙個本地node伺服器，通過localhost訪問。我的manifest檔案向下面這樣：
cache manifest
#v0.11
cache:
lib/ionic/js/ionic.bundle.js
lib/angular-ui-router.js
lib/ionic/css/ionic.css
css/style.css
views/login_header.html
views/login.html
lib/ionic/fonts/ionicons.ttf?v=1.5
.2lib/ionic/fonts/ionicons.woff?v=1.5
.2network:
lib/ionic/fonts/ionicons.ttf?v=1.5
.2lib/ionic/fonts/ionicons.woff?v=1.5
.2css/style.css
很顯然，只有更新了manifest檔案，對離線資源的更新才能在瀏覽器上生效。最後，我們來試試離線狀態下是什麼情況，這才是離線儲存的重頭戲。通過chrome設定離線狀態，重新整理頁面
有趣的HTML5 離線儲存
首先來講解下離線儲存的使用方法，說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。manifest cache.manifest html 然後cache.manifest檔案的書寫方式，就像下面這樣 cache manifest v0.11 cache css s...
HTML5 離線儲存
首先來講解下離線儲存的使用方法，說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。然後cache.manifest檔案的書寫方式，就像下面這樣 cache manifest v0.11 cache css style.css network resourse log...
HTML5 離線儲存
首先來講解下離線儲存的使用方法，說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。manifest cache.manifest html 然後cache.manifest檔案的書寫方式，就像下面這樣 cache manifest v0.11 cache css s...