摘要:的離線存儲使用以及工作原理解答使用方式在頁面頭部中加入一個的屬性就可以的書寫方式,如下表示需要離線存儲的資源列表表示在中列出的資源只有在在線情況下才能訪問,不會被離線存儲,若和中都有這個資源則會離線存儲,因?yàn)榈膬?yōu)先級更高表示如果第一個資源訪
HTML5的離線存儲使用以及工作原理解答?
使用方式:在頁面頭部中加入一個manifest的屬性就可以
...
cache.manifest的書寫方式,如下:
CACHE MANIFEST #v0.11 CACHE: //表示需要離線存儲的資源列表 js/app.js css/style.css NETWORK://表示在NETWORK中列出的資源只有在在線情況下才能訪問,不會被離線存儲,若CACHE和NETWORK中都有這個資源則會離線存儲,因?yàn)镃ACHE的優(yōu)先級更高 resourse/logo.png FALLBACK://表示如果第一個資源訪問失敗,就用第二個資源來替換他,以下表示的就是訪問根目錄失敗后,就用offline.html來替換它 / /offline.html
工作原理:
在線的情況下,瀏覽器發(fā)現(xiàn)html頭部有manifest屬性,它會請求manifest文件
如果是第一次訪問app,那么瀏覽器會根據(jù)manifest文件的內(nèi)容下載相應(yīng)的資源并進(jìn)行離線處理
如果訪問的app資源已經(jīng)離線存儲了,則瀏覽器會使用離線的資源加載頁面
同時對比新的manifest與舊的manifest文件,如果沒有發(fā)生改變,則不做任何操作,若改變了,
則重新下載manifest并對離線資源進(jìn)行存儲
HTML5新特性:主要是增強(qiáng)了圖形渲染,影音,數(shù)據(jù)存儲,多任務(wù)處理等能
1.canvas - 繪畫
2.video.audio - 媒介回放
3.localStorage - 長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失
4.article.footer.header.nav.section - 語意化更好的內(nèi)容元素
5.calendar.date.time.email.url.search - 表單控制
6.webworker專用線程.websocket通信.geolocation地理定位 - 新的技術(shù)
移除的元素:
1.basefont默認(rèn)字體
2.big大字體
3.center水平居中
4.font字體標(biāo)簽
5.strike中橫線
6.tt文本等寬
7.u下劃線
處理HTML5新標(biāo)簽的瀏覽器兼容問題?
1.實(shí)現(xiàn)標(biāo)簽被識別
通過document.createElement(tagName)方法即可讓瀏覽器識別新標(biāo)簽,瀏覽器支持新標(biāo)簽后,還可以為新標(biāo)簽添加CSS樣式
2.javascript解決方案
使用Html5shim,在head中調(diào)用以下代碼:
趣事
今天也是要加油的一天鴨
今天聽到了一個很新奇的概念
叫做時間粒度,我的理解中,它是一個時間單位,時間顆粒
有些人的時間粒度是5分鐘,15分鐘,1個小時,也有的人是半天,一天
時間粒度的大小與你的專業(yè)度掛鉤
比爾蓋茨的時間粒度是5分鐘
王健林的時間粒度是15分鐘
有一次王健林去參加記者的采訪,但是記者遲到了三分鐘,
這時王健林當(dāng)即離開了,后來記者說,他很不近人情
但其實(shí),對于時間粒度是15分鐘的人來說,一分鐘都很寶貴.
希望自己也能珍惜時間去進(jìn)步,畢竟,長大后的時間過的實(shí)在太快了
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/53702.html
摘要:的離線存儲使用以及工作原理解答使用方式在頁面頭部中加入一個的屬性就可以的書寫方式,如下表示需要離線存儲的資源列表表示在中列出的資源只有在在線情況下才能訪問,不會被離線存儲,若和中都有這個資源則會離線存儲,因?yàn)榈膬?yōu)先級更高表示如果第一個資源訪 HTML5的離線存儲使用以及工作原理解答? 使用方式:在頁面頭部中加入一個manifest的屬性就可以 ... cache.manifest...
摘要:的離線存儲使用以及工作原理解答使用方式在頁面頭部中加入一個的屬性就可以的書寫方式,如下表示需要離線存儲的資源列表表示在中列出的資源只有在在線情況下才能訪問,不會被離線存儲,若和中都有這個資源則會離線存儲,因?yàn)榈膬?yōu)先級更高表示如果第一個資源訪 HTML5的離線存儲使用以及工作原理解答? 使用方式:在頁面頭部中加入一個manifest的屬性就可以 ... cache.manifest...
摘要:不存在或格式不正確會導(dǎo)致文檔以兼容模式呈現(xiàn)標(biāo)準(zhǔn)模式的排版和運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。如果不能確定時,首選使用自然樣式標(biāo)簽 HTML 語義化 HTML標(biāo)簽的語義化是指:通過使用包含語義的標(biāo)簽(如h1-h6)恰當(dāng)?shù)乇硎疚臋n結(jié)構(gòu) css命名的語義化是指:為html標(biāo)簽添加有意義的class 為什么需要語義化: 去掉樣式后頁面呈現(xiàn)清晰的結(jié)構(gòu) 盲人使用讀屏器更好地閱讀 搜...
摘要:發(fā)生在很久以前的及更老的瀏覽器向過渡時期。數(shù)據(jù)始終在同源的請求中攜帶即使不需要,會在瀏覽器和服務(wù)器間來回傳遞。存儲大小數(shù)據(jù)大小不能超過。與上面問題相連,比也是明智的選擇。表現(xiàn)與結(jié)構(gòu)相分離。兩種設(shè)計(jì)思想是有不同的考慮。 前言: 吾生也有涯,而知也無涯,以有涯隨無涯,殆己————莊子 閱讀本文前請做好以下心理準(zhǔn)備:本系列文章將不定期更新。本系列文章不是很嚴(yán)謹(jǐn)。 前端面試之HTML篇 Pa...
閱讀 3429·2023-04-25 14:07
閱讀 3505·2021-09-28 09:35
閱讀 2122·2019-08-30 15:55
閱讀 1435·2019-08-30 13:48
閱讀 2528·2019-08-30 13:16
閱讀 3229·2019-08-30 12:54
閱讀 3268·2019-08-30 11:19
閱讀 1911·2019-08-29 17:17