HTML5本地存儲和離線緩存應用研究
2015-05-30 04:41:24董衛(wèi)利
科技創(chuàng)新與應用 2015年34期
摘 要：HTML5是一代具有創(chuàng)新性、革命性的新型互聯(lián)網(wǎng)編程語言，是當前網(wǎng)絡上應用最為廣泛的語言形式，同時也是形成網(wǎng)頁文檔的主要語言之一。近幾年來，在互聯(lián)網(wǎng)行業(yè)與領域得到了廣泛的普及與發(fā)展。HTML的傳統(tǒng)舊版本已經在十余年前形成并使用，然而面對現(xiàn)代Web的應用需求卻存在不足。在基于現(xiàn)代Web現(xiàn)代需求的基礎上，HTML5應運而生。文章主要針對HTML5本地存儲與離線緩存應用進行探析。
關鍵詞：HTML5；本地存儲；離線緩存
1 HTML5特性
HTML5是互聯(lián)網(wǎng)的新一代標準，同時也是構建與表現(xiàn)互聯(lián)網(wǎng)內容的一種語言方式，其被認為是互聯(lián)網(wǎng)的重要核心技術之一[1]。HTML自從1990年開始已經經過了二十余年的發(fā)展。1997年HTML4已成為了互聯(lián)網(wǎng)的標準，并且普及應用到互聯(lián)網(wǎng)的開發(fā)過程中，而HTML5是HTML的第五個版本，同時也是最新的版本。HTML5的廣義概念為包括HTML、CSS以及JavaScript 的技術結合，其作用在于減少瀏覽器對于需要插件的豐富性網(wǎng)絡應用服務，比如Adobe Flash、Microsoft Silverlight 與 Oracle JavaFX的需求，同時還可以給予更多的能夠強化網(wǎng)絡應用的標準集[2]?？傮w來說，HTML5增加了多樣的語法特征，其中包括
2 HTML5本地存儲與離線緩存的應用
2.1 HTML5本地存儲應用
HTML5進行本地存儲一共有以下規(guī)范標準，分別為Web Storage、Web SQL Database以及 IndexedDB。（1）Web Storage 存儲。其為在cookie之外提供另外一種能夠存儲用戶會話數(shù)據(jù)的方式，并且實現(xiàn)了存儲量更大同時還能跨越訪問的形式。在Web Storage中不單單給予開發(fā)人員更加便捷實用的接口，使得數(shù)據(jù)操作更加便捷，而且還提供了獨立的存儲空間，使得數(shù)據(jù)的存放變得更加有條理[3]。Web Storage包括session torage和 localStorage。其兩者均為以“鍵值對”的形式來將數(shù)據(jù)進行存儲。開發(fā)人員能夠使用相關代碼對其中的“鍵值對”進行設計，并且在下次加載頁面時利用相關代碼將其讀取出來。（2）Web SQL Database的應用能夠彌補Web Storage無法完善存儲大數(shù)據(jù)問題的缺陷。Web SQL Database的核心方法分別為openDatabase、transaction 和executeSql，分別可以實現(xiàn)數(shù)據(jù)庫的新建、打開、出來以及記錄的相關處理。（3）IndexedDB。開發(fā)人員可以在域中建立多個 IndexedDB數(shù)據(jù)庫實例，并且在每一個數(shù)據(jù)庫實例中又可以存儲多個對象。IndexedDB的API接口可以分為同步與異步版本，通常情況下均使用異步版本API[4]。
2.2 HTML5離線緩存應用
對于網(wǎng)頁的應用來說離線功能的使用越來越重要。雖然部分瀏覽器客戶端擁有緩存機制，但是該緩存機制的安全性與可靠性有待提升。在HTML5中的應用緩存能夠有效改善離線所帶來的問題，使用離線緩存接口，讓網(wǎng)頁應用能夠實現(xiàn)支持離線瀏覽的功能。應用緩存可以讓開發(fā)人員制定任意瀏覽器要緩存的文件資源以及能夠供用戶離線時訪問。其與瀏覽器自身所具備的緩存機制不同，即便用戶在離線的狀態(tài)下進行刷新頁面這一操作，應用緩存依然可以換正常的加載緩存與正常運行[5]。應用緩存中最重要的部分即為緩存資源清單文件——manifest。該文件是簡易的文本文件，其中羅列了需要緩存的資源，瀏覽器能夠根據(jù)這些清單將資源自動緩存在本地。該文件中一般包括Cache、Network、Fallback三個部分，這三個部分在manifest中的順序可以任意排列，并且三個部分均可以多次出現(xiàn)。
3 結束語
從當前的發(fā)展形勢來看HTML5將會成為未來Web開發(fā)的主流平臺，其將會變得更加成熟更加豐富，帶來更加多元化的網(wǎng)絡應用。
參考文獻
[1]張玉亮，杜克明，孫忠富.本地存儲技術在農業(yè)遠程監(jiān)控系統(tǒng)中的集成應用[J].農業(yè)網(wǎng)絡信息，2010（4）：13-16.
[2]許中博，董彬.利用HTML5的本地存儲實現(xiàn)圖書館網(wǎng)站的個性化[J].科技資訊，2013（11）：253.
[3]胡晶.基于HTML5離線存儲的產品演示系統(tǒng)的開發(fā)[J].洛陽師范學院學報，2014（11）：60-62+66.
[4]鄭艷.Research and Application of HTML5Local Storage and Offline Caching Mechanisms[D].武漢理工大學，2014.
作者簡介：董衛(wèi)利（1983-），女，河南鄭州人，本科，解放軍信息工程大學，研究方向：軟件工程。
