原理:HTML5的離線存儲是基于一個新建的.appcache文件的,通過這個文件上的解析清單離線存儲資源,這些資源就會像cookie一樣被存儲了下來。之后當(dāng)網(wǎng)絡(luò)在處于離線狀態(tài)下時,瀏覽器會通過被離線存儲的數(shù)據(jù)進(jìn)行頁面展示。
成都創(chuàng)新互聯(lián)公司服務(wù)項目包括灤州網(wǎng)站建設(shè)、灤州網(wǎng)站制作、灤州網(wǎng)頁制作以及灤州網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,灤州網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到灤州省份的部分城市,未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
方法:
1.在index.html里加上html manifest="test.manifest"
2.manifest清單格式如下:
CACHE MANIFEST
#上面一句必須
#v1.0.0
#需要緩存的文件
CACHE:
a.js
b.css
#不需要緩存的文件
NETWORK:
*
#無法訪問頁面
FALLBACK:
404.html
3.manifest文件的mime-type必須是 text/cache-manifest類型。
貌似題主并非計算機(jī)專業(yè),
謹(jǐn)在此以較為通俗的方法進(jìn)行簡單的提示。
……
關(guān)于H5,也就是題主所述HTML5,
實際是一種規(guī)范、而并非工具,因此
H5并不存在工作原理,
只是對瀏覽器所應(yīng)實現(xiàn)的功能效果及標(biāo)準(zhǔn)進(jìn)行了統(tǒng)一表述,
實際的“工作原理”由各瀏覽器開發(fā)商來研發(fā)并實現(xiàn)。
……
FLASH也是一種規(guī)范,
主要是針對數(shù)據(jù)的壓縮及解壓縮;
只是我們通常也將
實現(xiàn)FLASH標(biāo)準(zhǔn)的成品文檔(比如swf)
或者設(shè)計或制作FLASH產(chǎn)品的工具(比如adobe-flash)
概稱為FLASH。
……
而HTML是針對數(shù)據(jù)文本化的一種規(guī)范,
廣義上的稱謂“HTML”包括
HTML文本規(guī)范、
HTML文本文檔、
HTML文件、
HTML編輯工具及軟件等。
……
H5、HTML、FLASH是完全不同的三個領(lǐng)域的規(guī)范,
但是其相同之處在于都是相應(yīng)領(lǐng)域的數(shù)據(jù)規(guī)范,
而且這三者都是主要應(yīng)用于計算機(jī)前端交互設(shè)計;
而三者所流行的時代恰恰代表了互聯(lián)網(wǎng)發(fā)展的歷史里程碑。
……
如有更多疑問歡迎追問,或者在新開問題中邀請我回答。
1、h5頁面設(shè)計的原理——在代碼中實現(xiàn)
設(shè)計人員創(chuàng)建了一個很好的層圖,包括PSD文件、PNG剪貼圖、適當(dāng)?shù)奈募?、MP3音頻文件、視頻文件等等,并將它們與他們的前端工程師同事打包在一起,由他們專門將它們放在服務(wù)器上。在代碼編輯方面,元素被合并到我們通??吹降腍5 web頁面中。前端也是H5的最終執(zhí)行者。它們對恢復(fù)設(shè)計非常重要。一個好的前端往往決定了一個作品的最終命運。前端工程師可以說是設(shè)計師最好的行業(yè)導(dǎo)師。我們必須虛心向他們學(xué)習(xí)網(wǎng)絡(luò)編碼技術(shù)。
整個H5頁面將被推到互聯(lián)網(wǎng)后,代碼編輯和測試。有時,前端工程師的工作量遠(yuǎn)遠(yuǎn)高于設(shè)計,這取決于項目的形式和難度。
2、h5頁面設(shè)計的原理——沒有代碼實現(xiàn)
沒有代碼并不意味著你不需要前端工程師,但現(xiàn)在互聯(lián)網(wǎng)上有很多H5頁面生成工具,以網(wǎng)站的形式,命名為第三方平臺,由大量的工程師開發(fā),以幫助沒有前端資源的設(shè)計師。您可以將設(shè)計好的數(shù)據(jù)上傳到第三方平臺的服務(wù)器上,自己編輯發(fā)布。這個過程不涉及程序員,可以節(jié)省大量的人力成本,而且簡單快捷。但缺點是平臺功能單一,效果有限。它通常以幻燈片的形式出現(xiàn)。工程師生成的H5頁面可以定制?,F(xiàn)在市場上有很多這樣的平臺。
無論是第三方網(wǎng)站設(shè)計工具,還是誕生于H5的前端工程師,都需要h5頁面設(shè)計的原理。與前端工程師的溝通應(yīng)該從設(shè)計開始就開始。盡量避免所有設(shè)計都做得好,前端無法實現(xiàn)的尷尬局面。所以設(shè)計師和前端工程師之間的溝通是非常重要的。后續(xù)將會有更多關(guān)于ui設(shè)計中各個分類的設(shè)計技巧與資訊,可以點擊本站的其他文章進(jìn)行學(xué)習(xí)。