.mainfest文件可以配置需要缓存的文件 优势：
1 浏览器在离线的情况下也可以访问
2 速度 - 已缓存资源加载得更快
3 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
1在tomcat服务器中的conf/web.xml中添加
依据：https://www.runoob.com/html/html5-app-cache.html
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
<!-- 省略其它 -->
2 项目根目录下创建.mainfest后缀名的文件
对应的页面引用这个文件
<html lang="en"manifest="demo.manifest">
- 其中CACHE MANIFEST，必须的，下边的文件将会被缓存，即第一次访问过后，之后可以离线访问；
- NETWORK 下边的文件将不会被缓存
- FALLBACK 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.php
FALLBACK:
/html/ /offline.html
注：' # '表示添加的注释
缺点
一旦被缓存，修改一个函数都不会被重新更新
解决方案：通过修改mainfest文件里的日期和版本号使用户重新加载
发生清除条件
1 用户清空浏览器缓存
2 manifest 文件被修改（如上解决方案）
3 由程序来更新应用缓存
网友评论