HTML5本地存儲和離線緩存機制應(yīng)用研究.pdf

1、隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，擁有多樣化的框架頁面、大量的javascript編碼和豐富的樣式表的Web應(yīng)用逐漸占據(jù)了應(yīng)用的主流，一方面，這類應(yīng)用給用戶帶來了良好的體驗；另一方面，它們也表現(xiàn)出了諸多不足，如存在較多的本地存儲需求，頁面響應(yīng)慢、存在部分傳輸流量浪費以及離線不可訪問等。為了解決這些問題，各大互聯(lián)網(wǎng)公司和相關(guān)組織提出了一系列的技術(shù)解決方案，雖然獲得了較好的效果，但仍存在瀏覽器兼容性差、存儲容量有限等不足。因此，本課題研究的主要目的是

2、探究一種不依賴插件、客戶端性能更好并且支持離線使用的Web應(yīng)用技術(shù)方案。
　　本文首先對目前廣泛運用的本地存儲技術(shù)和客戶端緩存機制進行了深入的研究，分析了它們存在的不足及其原因。在此基礎(chǔ)上，提出了采用HTML5標準中的本地存儲和離線緩存機制作為新的Web應(yīng)用技術(shù)方案，并從理論上分析了該方案的可行性。在新方案中，HTML5標準是瀏覽器本身遵循的標準，因此不依賴任何插件，且具有很好的兼容性；在本地存儲方面，新方案采用Indexed D

3、B作為本地存儲數(shù)據(jù)庫，以克服傳統(tǒng)方案本地存儲容量的限制；在客戶端緩存方面，新方案采用離線緩存機制將指定的資源緩存到本地，一方面加快頁面的響應(yīng)速度，另一方面避免資源重復(fù)請求帶來的流量浪費。最后，基于緩存到本地的資源和本地存儲這一功能，實現(xiàn)離線情況下正常訪問Web應(yīng)用。
　　為了評估新方案在實際應(yīng)用中的性能情況，在本文的研究工作中，使用新方案和Dojo Storage分別實現(xiàn)了同一個Web應(yīng)用案例，設(shè)計實施了對比實驗方案并測試了基于新