html5的缓存技术分析和总结.docx

HTML5 的缓存技术 一、HTML5 的 2 个突出特性 1、提供了强大的图形处理能力，有些通过html 实现不了的图形技术需要通过flash 动画来实现，而html5 就好比于flash 动画一样，他能够实现很强的动画效果。 2、强大的Web 数据存储和离线数据存储，即HTML5 的缓存技术二、什么是缓存 简单的说html5的缓存技术能够实现离线访问你的web应用，因为文件被缓存在本地使得web页面加载速度提升许多，离线应用只加载被修改过的资源，因此大大降低了用户请求对服务器造成的负载压力 。这中技术就好比于ajax，ajax里面有这样一种实现，比如我们常常见到的随机获取验证码，这就是通过ajax来实现的。大家都很熟悉session缓存，首先咱们先来了解一下hibernate的session缓存机制，hibernate中有一个session缓存，通过这个session可以将用户的一个id存储在session中，这样我们就可以持久化一个session对象— —用户id的。所以用户通常登陆系统后在一定的时间内系统是能够识别到该用户的。三、 HTML5 的缓存是如何实现的 html5 通过ApplicationCache 接口解决了一些关于缓存问题。 CACHE MANIFEST#Version CACHE MANIFEST #Version 1.0 指明版本号 # 指明缓存入口，配置那些文件是需要通过需要加载缓存的 CACHE: index.html style.css images/logo.png scripts/main.js # 以下资源必须在线访问 NETWORK: login.php # 如果index.php无法访问则用404.html代替 FALLBACK: /index.php /404.html 可以看到这个文件是以CACHE MANIFEST 开头的，#后面的内容是注释，表明当前文件的版本号，通过更改Version 的版本号可以识别到什么时候需要重新加载缓存文件。在 ASP.Net 应用程序中直接把需要缓存的清单通知给浏览器。其次，通过在aspx 页面可以添加需要缓存清单，如：html manifest=Manifest.ashx。以上两个步骤就完成了离线应用程序的构建，当程序第一次加载时，会加载这个缓存清单，并且根据清单中文件列表缓存文件，当浏览器再次加载时就不会去服务器中加载缓存过的文件，可以想象，如果我们把一些静态的 网页添加为缓存文件，那么用户只需要第一次下载这些缓存的文件，以后就可以向本地应用 一样，无 需再连接网络。 四、HTML5 缓存的好处 HTML5 使离线存储成为可能，离线存储使得你的 web 应用可以在用户离线的状况下进行访问，这样做有 3 个好处： 1、最直接的好处就是用户可以离线访问你的web应用 2、因为文件被缓存在本地使得web页面加载速度提升许多 3、离线应用只加载被修改过的资源，因此大大降低了用户请求对服务器造成的负载压 力