1、第一行是必須的,它標(biāo)識(shí)這是manifest的配置文件。version 5 這句是注釋,沒實(shí)際的作用,我在這里只是想讓瀏覽器更新緩存文件。
創(chuàng)新互聯(lián)主營(yíng)湛江網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app開發(fā),湛江h(huán)5小程序開發(fā)搭建,湛江網(wǎng)站營(yíng)銷推廣歡迎湛江等地區(qū)企業(yè)咨詢
2、原理:HTML5的離線存儲(chǔ)是基于一個(gè)新建的.appcache文件的,通過這個(gè)文件上的解析清單離線存儲(chǔ)資源,這些資源就會(huì)像cookie一樣被存儲(chǔ)了下來。之后當(dāng)網(wǎng)絡(luò)在處于離線狀態(tài)下時(shí),瀏覽器會(huì)通過被離線存儲(chǔ)的數(shù)據(jù)進(jìn)行頁面展示。
3、什么是Application CacheHTML5引入了應(yīng)用程序緩存技術(shù),意味著web應(yīng)用可進(jìn)行緩存,并在沒有網(wǎng)絡(luò)的情況下使用,通過創(chuàng)建cache manifest文件,可以輕松的創(chuàng)建離線應(yīng)用。
4、當(dāng)然我們也可以通過設(shè)置特殊的圖片,來完成一些特殊的效果。CSS3 動(dòng)畫CSS3應(yīng)該是動(dòng)畫家族里絕對(duì)不會(huì)被遺忘的一名成員。這里我們定義它為 擅長(zhǎng)于平面層的動(dòng)畫。CSS3的缺陷應(yīng)該在于它的部分屬性還沒有被瀏覽器有好的支持。
5、可與本地緩存媒體資源交互 HTML5FileSystemAPI一開始被認(rèn)為是AppCache的替代方案,用來實(shí)現(xiàn)資產(chǎn)的動(dòng)態(tài)緩存。但是你知道嗎,其實(shí)你還可以用它來實(shí)現(xiàn)與用戶本地設(shè)備上存儲(chǔ)文件的交互。
6、Application CacheHTML5引入應(yīng)用緩存,意味著web應(yīng)用可以進(jìn)行緩存,即使在沒有網(wǎng)絡(luò)的情況下也能使用。
1、/script3 會(huì)話級(jí)別的本地存儲(chǔ):sessionStorage在HTML5中增加了一個(gè)Js對(duì)象:sessionStorage;通過此對(duì)象可以直接操作存儲(chǔ)在瀏覽器中的會(huì)話級(jí)別的WebStorage。
2、HTML5 提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法:..兩者都是僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信;localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ),第二天、第二周或下一年之后,數(shù)據(jù)依然可用。
3、按F12打開控制臺(tái),找到sessionStorage,會(huì)發(fā)現(xiàn)其是用鍵值對(duì)的方式存儲(chǔ)數(shù)據(jù)的。localStorage跟sessionStorage類似,只是localStorage只要不刪除就會(huì)永久存儲(chǔ)在電腦上,而sessionStorage只要關(guān)閉了頁面就沒有了,這里小編就不再演示了。
4、客戶端存儲(chǔ):HTML5可以通過localStorage和sessionStorage機(jī)制存儲(chǔ)數(shù)據(jù),允許Web應(yīng)用程序在客戶端進(jìn)行本地?cái)?shù)據(jù)存儲(chǔ),從而提高應(yīng)用程序的效率和用戶體驗(yàn)。
5、HTML5 是下一代 HTML 標(biāo)準(zhǔn),開始吸引越來越多人的目光。HTML5 的 DOM Storage 機(jī)制提供了一種方式讓程序員能夠把信息存儲(chǔ)到本地的計(jì)算機(jī)上,在需要時(shí)獲取。
1、定義Manifest我們使用manifest列舉出需要離線時(shí)訪問的資源,他本身是一個(gè)文本類型的文件,第一行經(jīng)常是CACHE MANIFEST,然后列舉我們需要的資源,每行一個(gè)。
2、manifest文件的mime-type必須是 text/cache-manifest類型。
3、HTML5 的本地存儲(chǔ) API 中的 localStorage 與 sessionStorage 在使用方法上是相同的,區(qū)別在于 sessionStorage 在關(guān)閉頁面后即被清空,而 localStorage 則會(huì)一直保存。
4、HTML5 之離線應(yīng)用Manifest 我們知道,使用傳統(tǒng)的技術(shù),就算是對(duì)站點(diǎn)的資源都實(shí)施了比較好的緩存策略,但是在斷網(wǎng)的情況下,是無法訪問的,因?yàn)槿肟诘腍TML頁面我們一般運(yùn)維的考慮,不會(huì)對(duì)其進(jìn)行緩存。
5、所有主流瀏覽器均支持應(yīng)用程序緩存,除了 Internet Explorer。
6、依舊可以通過瀏覽器使用這些文件。為何要用離線緩存從網(wǎng)站所有者的角度來說,增加離線緩存功能,能夠讓用戶更好的使用網(wǎng)站。
名稱欄目:離線緩存html5 離線緩存html
新聞來源:http://aaarwkj.com/article41/dgscged.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)