html5——应用缓存
2024-10-01 01:10:03
基本概念
1、HTML5中我们可以轻松的构建一个离线(无网络状态)应用,只需要创建一个cache manifest文件
2、可配置需要缓存的资源,网络无连接应用仍可用,本地读取缓存资源,提升访问速度,增强用户体验,减少请求,缓解服务器负担
3、使用上只需要一个普通文本文件,其中列出了浏览器应缓存以供离线访问的资源,推荐使用.appcache为后缀名
4、根元素(html)添加属性manifest="demo.appcache"
manifest文件
1、CACHE: 可以省略,这种情况下将需要缓存的资源写在CACHE MANIFEST
2、可以指定多个CACHE、NETWORK、FALLBACK,无顺序限制
3、CACHE需要缓存那些资源
4、NETWORK不需要缓存那些资源,必须在网络下面才能访问
5、FALLBACK当访问不到某个资源时,自动由另外一个资源替换
manifest文件格式
1、顶行写CACHE MANIFEST
2、CACHE: 换行 指定我们需要缓存的静态资源,如.css、image、js等
3、NETWORK: 换行 指定需要在线访问的资源,可使用通配符
4、FALLBACK: 当前页面无法访问时退回的页面(回退; 后退)
<!DOCTYPE html>
<html lang="en" manifest="01.appcache">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="http://img.diannao1.com/d/file/html/tv/hytv/2017-12-14/9ce8a2cb005069553d4379220ba17579.jpg" width="400px">
</body>
</html>
CACHE MANIFEST # 注释以#开头
#下面是要缓存的文件
CACHE:
js/jquery.min.js
http://img.diannao1.com/d/file/html/tv/hytv/2017-12-14/9ce8a2cb005069553d4379220ba17579.jpg #指定必须联网才能访问的文件
NETWORK:
http://img.diannao1.com/d/file/html/tv/hytv/2017-12-14/9ce8a2cb005069553d4379220ba17579.jpg #当前页面无法访问是回退的页面
FALLBACK:
404.html
最新文章
- windows系统IIS环境下如何部署MVC项目
- [bzoj3155]Preprefix sum(树状数组)
- html,css,js加载顺序
- OC调用Swift 整理步骤!总结别人的!方便自己查找!
- Rss web 工具 大对比
- win 解压安装mysql步骤
- JavaScript中常用的BOM对象(属性、方法)
- 第四章 MyBatis-SQL映射文件
- Pentaho BI server 中 CCC table Component 的使用小技巧
- OpenCV入门(1)- 简介
- ZOJ 1259 Rails
- 斐波拉契数列(用JavaScript和Python实现)
- O(n)空间复杂度,打印杨辉三角形的前n行
- JedisCluster中应用的Apache Commons Pool对象池技术
- hint.css使用说明
- 采用Filter的方法解决HttpServletRequest.getParameter乱码的问题
- ffpmeg下rtmp踩坑记录
- quartz.net结合Topshelf实现windows service服务托管的作业调度框架
- 常用校验算法CRC、MD5、SHA_转
- (4.12)全面解析-SQL事务+隔离级别+阻塞+死锁
热门文章
- 二维数组的查找,刷题成功——剑指Offer
- 【原创】分布式之缓存击穿 【原创】自己动手实现静态资源服务器 【原创】自己动手实现JDK动态代理
- Python中range和xrange的异同之处
- Database returned no natively generated
- 【Eclipse提高开发速度-插件篇】安装VJET插件,JS等提示开发插件
- java后端判断用户是否关注公众号
- Android CountDownTimer的使用
- ※交换排序(1)——快速排序(quick sort)
- 常用进制的转换、进制数的and与or或xor异或运算
- [Swift通天遁地]七、数据与安全-(19)使用Swift实现原生的SHA1加密