HTML5的離線存儲(chǔ)使得這個(gè)問(wèn)題迎刃而解。HTML5的web storage API 采用了離線緩存，會(huì)生成一個(gè)清單文件（manifest file），這個(gè)清單文件實(shí)質(zhì)就是一系列的URL列表文件，這些URL分別指向頁(yè)面當(dāng)中的HTML, CSS, Javascrpit, 圖片等相關(guān)內(nèi)容。當(dāng)使用離線應(yīng)用時(shí)，應(yīng)用會(huì)引入這一清單文件，瀏覽器會(huì)讀取這一文件，下載相應(yīng)的文件，并將其緩存到本地。使得這些web應(yīng)用能夠脫離網(wǎng)絡(luò)使用，而用戶在離線時(shí)的更改也同樣會(huì)映射到清單文件中，并在重新連線之后將更改返回應(yīng)用，工作方式與我們現(xiàn)在所使用的網(wǎng)盤有著異曲同工之處。
感興趣的朋友們可以試下這個(gè)網(wǎng)站，就屬于便攜筆記本的離線應(yīng)用，可以在離線的時(shí)候記錄一些便簽，在下次上線，或使用其他平臺(tái)登錄時(shí)，仍然能夠看到之前的記錄。
緩存的強(qiáng)大并不只在于離線應(yīng)用，同樣在于對(duì)cookies的替代，目前我們經(jīng)常使用的保存網(wǎng)站密碼，使用的就是cookies將密碼信息緩存到本地，當(dāng)需要時(shí)再發(fā)送至服務(wù)器端。然而，cookies有其本身的缺點(diǎn)4KB的大小和反復(fù)在服務(wù)器和本地之間傳輸，并且無(wú)法被加密。對(duì)于cookies的反復(fù)傳輸，不僅浪費(fèi)了使用者的帶寬、供應(yīng)商的服務(wù)器的性能，更增加了被泄露的危險(xiǎn)。
Web storage API 解救了cookies, 據(jù)現(xiàn)有的資料，web storage API將至少支持4M的空間作為緩存，對(duì)于日常的清單文件和基礎(chǔ)信息，應(yīng)該已經(jīng)足夠使用了，畢竟4KB我們不是都使用了這么多年了？速度的提升方式在于，webstorage API 將不再無(wú)休止的傳輸相同的數(shù)據(jù)給服務(wù)器，而只在服務(wù)器請(qǐng)求和做出更改時(shí)傳輸變更的必須文件，這樣就大大節(jié)省了帶寬，也減輕了服務(wù)器的壓力?？芍^是一舉數(shù)得!
歡迎訪問(wèn)更多網(wǎng)站推廣,網(wǎng)絡(luò)營(yíng)銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
.png)