HTML5应用程序缓存Application Cache详解_HTML5教程-查字典教程网

HTML5应用程序缓存Application Cache详解

摘要：什么是ApplicationCacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cac...

什么是Application Cache

HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。

Application Cache带来的三个优势是：

① 离线浏览

② 提升页面载入速度

③ 降低服务器压力

而且主要浏览器皆以支持Application Cache，就算不支持也不会对程序造成什么影响

离线存储技术

HTML5提出了两大离线存储技术：localstorage与Application Cache，两者各有应用场景；传统还有离线存储技术为Cookie。

经过实践我们任务localstorage应该存储一些非关键性ajax数据，做锦上添花的事情；

Application Cache用于存储静态资源，仍然是干锦上添花的事情；

而cookie只能保存一小段文本（4096字节）；所以不能存储大数据，这是cookie与上述缓存技术的差异之一，而因为HTTP是无状态的，服务器为了区分请求是否来源于同一个服务器，需要一个标识字符串，而这个任务就是cookie完成的，这一段文本每次都会在服务器与浏览器之间传递，以验证用户的权限。

所以Application Cache的应用场景不一样，所以使用也不一致。

Application Cache简介

Application Cache的使用要做两方面的工作：

① 服务器端需要维护一个manifest清单

② 浏览器上只需要一个简单的设置即可

<html manifest="demo.appcache">

【HTML5应用程序缓存Application Cache详解】相关文章：

★ 20佳惊艳的HTML5应用程序示例分享

★ HTML5 Web 存储详解

★ HTML5 Canvas中使用用路径描画圆弧

★ HTML5+CSS3应用详解

★ HTML5新增加的功能详解

★ HTML5 video 事件应用示例

★ HTML5中的Article和Section元素认识及使用

★ HTML5移动应用开发第3章：移动Web离线应用

★ 在HTML5中你如何使用CSS建立不可选的文字

★ HTML5中新标签和常用标签详解

上一篇： HTML5 营销：三种玩法+案例

下一篇： 21个HTML5+CSS3酷炫网站帮你忙

学习工具