HTML5中我們可以輕松的構(gòu)建一個(gè)離線(無網(wǎng)絡(luò)狀態(tài))應(yīng)用注祖,只需要?jiǎng)?chuàng)建一個(gè)cache manifest文件品嚣。
1.1.1優(yōu)勢(shì)
1磁浇、可配置需要緩存的資源
2、網(wǎng)絡(luò)無連接應(yīng)用仍可用
3侠草、本地讀取緩存資源辱挥,提升訪問速度,增強(qiáng)用戶體驗(yàn)
4边涕、減少請(qǐng)求晤碘,緩解服務(wù)器負(fù)擔(dān)
1.1.2緩存清單
一個(gè)普通文本文件,其中列出了瀏覽器應(yīng)緩存以供離線訪問的資源奥吩,推薦使用.appcache為后綴名哼蛆,添加MIME類型
AddType text/cache-manifest .appcache
例如我們創(chuàng)建了一個(gè)名為demo.appcache的文件,然后在需要應(yīng)用緩存在頁面的根元素(html)添加屬性manifest="demo.appcache"霞赫,路徑要保證正確腮介。
1.1.3manifest文件格式
1、頂行寫CACHE MANIFEST
2端衰、CACHE:換行 指定我們需要緩存的靜態(tài)資源叠洗,如.css、image旅东、js等
3灭抑、NETWORK:換行 指定需要在線訪問的資源,可使用通配符
4抵代、FALLBACK:換行 當(dāng)被緩存的文件找不到時(shí)的備用資源