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

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

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

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