真实服务器演示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:
*
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,303评论 19 139
  • 0. 前言 前面有被用户投诉 APP 流量消耗厉害: 于是乎考虑了流量方面的问题。暂时 APP 中涉及流量的几个方...
    zyl06阅读 24,432评论 5 63
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,534评论 1 45
  • 我是那坚强遒劲的树,把心思深深埋藏在尘土里;你是我心中牵牵绕绕的青藤,携着数不尽的陈年悲喜将时间驱逐、与我相认。世...
    敢问姑娘芳龄阅读 232评论 0 1
  • jdk以及其/bin下的工具使用总结 1、什么是环境变量? 操作系统中环境变量其实就是指程序在系统中的存储路径 w...
    H小瑞阅读 316评论 0 0

友情链接更多精彩内容