一、什么是应用程序缓存
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页面配置
在<html>标签中包含mainfest属性。每个制定了manifest的页面在用户对其访问时都会被缓存。若果未制定manifest属性，则页面不会被缓存
<html lang="en" manifest="demo.appcache"></html>
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 //不一定是页面的替换也可以是其他资源的替换
838
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
