Application Cache

一、什么是应用程序缓存
html5引入了应用程序缓存,这意味着web应用可进行混村,并苛杂IMEI有因特网连接时进行访问
 二、三大优势
1、离线浏览:用户可在应用离线时使用她们
2、速度:已缓存资源加载得更快
3、减少服务器负载:浏览器将只从服务器下载更新过或更改过的资源

离线缓存步骤:
1、配置app服务器:1)引入express资源  2)使用express  3)配置app(configure)  4)设置监听号
         var myexpress=require("./server/node_modules/express");
       var app=myexpress();
        app . configure ( function (){
      app . use ( myexpress .logger( "dev" )) //日志模块//
	app.use(myexpress.bodyParser());
app.use(myexpress.methodOverride());
app.use(app.router);
app.use(myexpress.static(__dirname+"/client")); //配置支援路径
app.use(myexpress.errorHandler()) //错误信息打印在控制台

})
app.listen(8888,function(){
console.log("服务器启动")
})
2、html页面配置
在标签中包含mainfest属性。每个制定了manifest的页面在用户对其访问时都会被缓存。若果未制定manifest属性,则页面不会被缓存
<html lang="en" manifest="demo.appcache">

3、manifest文件的建议的文件扩展名是:“.appcache”

4、Manifest 文件
manifest文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)
manifest文件可分为三个部分:
    1)CACHE MANIFEST -在此标题下列出的文件将在首次下载后进行缓存
    2)NETWORK -在此标题下列出的文件需要与服务器的连接,且不会被缓存
    3) FALLBACK -在此标题下列出的问价规定当页面无法访问时的回退页面(比如404)
# 表备注
5、manifest文件的编写格式
CACHE MANIFEST
# 备注
# 1.8  //版本号且每修改一次都要重新设置一次版本号
# cache你需要缓存的东西
CACHE:       
index.html
image/cat.jpg
image/cat2.jpg
index.css
#不需要被缓存的文件,可以用通配符*表示所有没有出现在CACHE里面的其他文件
NETWORK:
*
#fallback页面 回退页面;
#当你没有找到页面的情况下(404)所需要替代的页面,空格前是需要被替代的页面(没有缓存),空格后是4004发生后替代的页面 
FALLBACK:
index1.html  404.html
page/  404.html
index1.js  index.js //不一定是页面的替换也可以是其他资源的替换

你可能感兴趣的:(笔记)