真实服务器演示cache离线存储设计

一、离线应用是什么
1.在地铁、飞机等一些场合下手机信号弱，可以没有网络，这个时候可以离线应用
2.如何工作
原理就是在有网络的时候，客户端第一次访问服务器，服务器收到请求后，会把所有的信息返回给客户，并且同时，也会发送到寄存器里面存储着，当突然没有网络的时候，这时客户端请求不到服务器，就会去寄存器里面去找所需要的信息
二、离线存储的好处
1.没网的时候，可以正常访问
2.快速响应请求的网页，不必用多个http请求占用带宽资源
3.可以缓存任何文件，比如图片、css、js、html的名称，所有的主流浏览器均支持应用程序缓存，除了IE
三、服务器设置头信息
1.在Apache目录下的httpd.conf文件里，加上AddType text/cache-manifest .manifest
2.HTML标签上manifest="文件名.manifest"
3.创建一个后缀名为.manifest的文件，
先写CACHE MANIFEST 下面写1.jpg index.css index.js index.html，在此标题下列出的文件将在首次下载后进行缓存
FALLBACK：在此标题下列出的文件规定当页面无法访问时的回退页面（比如404页面）
NETWORK：在此标题下列出的文件需要与服务器连接，且不会被缓存，如果你的电脑上，没有效果，那就是xampp安装包有问题，在真实服务器里有效果

<p>manifest.appCache是要缓存的清单文件信息</p>
<img src = "img/1.jpg" width = "300" height = "150" >
<img src = "img/2.jpg" width = "300" height = "150" >
<img src = "img/3.jpg" width = "300" height = "150" >

//manifest.appCache

CACHE MANIFEST
#version 2018-9-22 1.1.0

CACHE:
img/1.jpg
css/css.css
js/index.js

NETWORK:
*