1 / 5
文档名称:

前端工程师-设计开发HTML5缓存机制CacheManifest配置实例.docx

格式:docx   大小:14KB   页数:5页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

前端工程师-设计开发HTML5缓存机制CacheManifest配置实例.docx

上传人:业精于勤 2021/12/3 文件大小:14 KB

下载得到文件列表

前端工程师-设计开发HTML5缓存机制CacheManifest配置实例.docx

文档介绍

文档介绍:作为一个Web开发相关人员,全部不会少听到、看到Cache这个词,Cache Manifest是HTML 5一个缓存机制。。
AD:
Cache Manifest是HTML 5一个缓存机制,文章作者直接用博客当测试环境,即使应用起来很简单,但效果却出奇好。缓存后速度,简直是惊人快。像Yslow显示,打开一个缓存过页面,,比不缓存差不多快了10倍。
一、Cache Manifest基础知识
作为一个Web开发相关人员,全部不会少听到、看到Cache这个词。是,上面也已经说了,它是一个缓存机制。。,这里进行了简单整理:
◆MIME TYPE:text/cache-manifest
◆需要由你创建:
◆作用:关键是配置需要缓存文件
二、怎样实现
实现起来倒是很简单(当然,这也是有问题,这个我们后面讲处理方案),实现步骤以下:
TYPE支
比如 Apache 中可在 .htaccess 中添加:
AddType text/cache-manifest manifest 
:
 
其中第一行CACHE MANIFEST标识是一定要有,而CACHE/NETWORK/FACKBACK 全部是可选。假如没有写标识,则默认缓存,Cache就不用说了,缓存;NETWORK指不想缓存页面,比如登陆页等;FALLBACK 是指当没有响应时替换方案,比如我想请求某个页面,但这个页面服务器挂了,那么,我能够显示另外一个指定页面,文件结构以下:
CACHE MANIFEST  
 
# VERSION   
 
# 直接缓存文件  
CACHE:  
 
images/  
js/  
css/  
 
# 需要在时间在线文件  
NETWORK:  
/wp-admin/  
 
# 替换方案  
FALLBACK:  
/ajax/  
至于怎样更新这个配置文件?只要改变文件内容即可,上面# VERSION ,但改变文件能够重新缓存,这么写上版本号,想更新时候修改版本号来重新缓存,是一个比较推荐方法,甚至能够是最好实践。
<html>标签加manifest属性
<html manifest="path/to/"> 
是,就是如此简单,相信你花上30分钟也就了解了,而且能够快速应用到工作中。
三、Cache Manifest 存在问题
经过上面一整,速度显著快了很多,帮忙测试人也小震惊了一下,只是,还是存在部分问题,看一下,然后我们尝试处理:

即使在 NETWORK 中指定 "*"(全部页面全部)使用网络,还是不能处理它自动缓存目前页面。这使得这个页面在 manifest 没有变更情况下,会一直以"类静态"存