亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

HTML5應(yīng)用程序緩存

2018-4-19    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

HTML5引入了應(yīng)用程序緩存,意味web應(yīng)用可以進行緩存,在沒有網(wǎng)絡(luò)的情況下使用

應(yīng)用程序緩存為應(yīng)用帶來的三大優(yōu)勢:

離線訪問應(yīng)用

速度更快——已緩存資源加載的更快

減少服務(wù)器負(fù)載——瀏覽器只從服務(wù)器下載更新過或更改過的資源

瀏覽器支持情況:主流瀏覽器都支持,IE要10以上的版本

HTML5通過在html文件添加manifest屬性,啟用應(yīng)用程序緩存

例子:

<!DOCTYPE HTML>

<htmlmanifest="demo.appcache">

...

</html>

每個指定了 manifest 的頁面在用戶對其訪問時都會被緩存。如果未指定 manifest 屬性,則頁面不會被緩存(除非在 manifest 文件中直接指定了該頁面)。

manifest 文件的建議的文件擴展名是:".appcache"。

manifest 文件需要配置正確的 MIME-type,即 "text/cache-manifest"。必須在 web 服務(wù)器上進行配置。

Mainifest文件

manifest 文件是簡單的文本文件,它告知瀏覽器被緩存的內(nèi)容(以及不緩存的內(nèi)容)。

例子:

CACHE MANIFEST

# 2012-02-21 v1.0.0

CACHE:

cached.js

cached.css

 

NETWORK:

uncached.js

uncached.css

 

FALLBACK:

index.html 404.html


CACHE MANIFEST 寫在manifest文件開頭,是必須的

CACHE作用是標(biāo)識出哪些文件需要緩存,可以是相對路徑也可以是絕對路徑

NETWORK可選,這一部分是要直接讀取的文件,可以使用通配符 * 。

FALLBACK可選,指定了一個后備頁面,當(dāng)資源無法訪問時,瀏覽器會使用該頁面。

在線的情況下,瀏覽器發(fā)現(xiàn)html頭部有manifest屬性,會請求manifest文件,如果是第一次訪問應(yīng)用,瀏覽器就會根據(jù)manifest文件的內(nèi)容下載相應(yīng)的資源并且進行離線存儲。如果已經(jīng)訪問過應(yīng)用并且資源已經(jīng)離線存儲了,那么瀏覽器就會使用離線的資源加載頁面,然后瀏覽器會對比新的manifest文件與舊的manifest文件,如果文件沒有發(fā)生改變,就不做任何操作,如果文件改變了,那么就會重新下載文件中的資源并進行離線存儲。

離線的情況下,瀏覽器就直接使用離線存儲的資源。

注意:

1.服務(wù)器對離線的資源進行了更新,那么必須更新manifest文件之后這些資源才能被瀏覽器重新下載,如果只是更新了資源而沒有更新manifest文件的話,瀏覽器并不會重新下載資源,也就是說還是使用原來離線存儲的資源。

2.manifest文件進行緩存的時候需要十分小心,因為可能出現(xiàn)一種情況就是你對manifest文件進行了更新,但是http的緩存規(guī)則告訴瀏覽器本地緩存的manifest文件還沒過期,這個情況下瀏覽器還是使用原來的manifest文件,所以對于manifest文件最好不要設(shè)置緩存。

3.如果更新中某個資源下載失敗,則整個更新就視作失敗,瀏覽器會依舊采用原來的資源

4.站點離線存儲的容量限制是5M

瀏覽器在下載manifest文件中的資源的時候,它會一次性下載所有資源,如果某個資源由于某種原因下載失敗,那么這次的所有更新就算是失敗的,瀏覽器還是會使用原來的資源。

window.applicationCache對象常用事件

1.   oncached:當(dāng)離線資源存儲完成之后觸發(fā)這個事件

2.   onchecking:當(dāng)瀏覽器對離線存儲資源進行更新檢查的時候會觸發(fā)這個事件

3.   ondownloading:當(dāng)瀏覽器開始下載離線資源的時候會觸發(fā)這個事件

4.   onprogress:當(dāng)瀏覽器在下載每一個資源的時候會觸發(fā)這個事件,每下載一個資源就會觸發(fā)一次。

5.   onupdateready:當(dāng)瀏覽器對離線資源更新完成之后會觸發(fā)這個事件

6.   onnoupdate:當(dāng)瀏覽器檢查更新之后發(fā)現(xiàn)沒有資源更新的時候觸發(fā)這個事件

最后一點是該特性已經(jīng)從web標(biāo)準(zhǔn)刪除,可能在未來某個時間停止,推薦使用Service Workers 代替。

藍藍設(shè)計www.chinatradebeam.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.chinatradebeam.com

存檔

青青青国产精品一区二区| zoz○zo女人和另类zoz0| 久久免费看黄a级毛片| 一本一道色欲综合网中文字幕 | caoporn免费视频在线| 国产精品三级在线观看无码| 边做边爱mp3在线播放免费观看| 久久国产欧美国日产综合抖音| 国产在线观看无码免费视频| 午夜福利一区二区三区在线观看| 美女视频黄频| 处破女a片免费观看| 天天爽夜夜爽夜夜爽精品视频| 亚洲精品国产精华液| 亚洲AV无码乱码在线观看,不卡| 老牛无码人妻精品1国产| 亚洲人成色777777精品音频| 欧美疯狂做受xxxxx高潮| 亚洲最大的成人网站| 被绑在机器上榨精失禁男男| 国产精品情侣呻吟对白视频| 99无码熟妇丰满人妻啪啪| 强开小婷嫩苞又嫩又紧视频| 丰满老熟妇好大bbbbb| 国产999精品久久久久久| 亚洲av无码一区二区三区系列| 扒开双腿猛进入jk校花免费网站| 国产亚洲精品久久久999蜜臀| 怡红院a∨人人爰人人爽| 再深点灬舒服灬太大了添gif| 无码国产精品久久一区免费| 69精品丰满人妻无码视频a片| 日韩电影一区二区三区| 国产av电影区二区三区曰曰骚网| 国精产品一品二品国精破解| 国产精品美女久久久久av爽| 亚洲人成网亚洲欧洲无码久久 | 欧美日韩亚洲精品瑜伽裤| 国产大人和孩做爰bd| 欧洲AV无码放荡人妇网站| 色偷偷88888欧美精品久久久|