HTML5 离线缓存-manifest简介
这篇讲的是如何用HTML5的Cache Manifest让网页在离线状态下也能访问。作者在将Painter项目中的离线缓存方案复用到其他项目时，发现有些生疏，于是系统梳理了这个技术，为自己也为大家做个记录。 文章从移动时代网络不稳定的痛点切入，解释了manifest文件的核心作用：它定义需要缓存的资源列表，让浏览器能将这些文件保存到本地。即使没网，也能继续浏览网站。这不仅能带来离线体验和更快的速度，还能减轻服务器压力。 文中详细拆解了manifest文件的三段式结构：必需的`CACHE`段明确要缓存哪些文件；可选的`NETWORK`段声明哪些资源必须联网获取；`FALLBACK`段则定义资源加载失败时的备用页面。文章也指出了一些关键注意事项，比如整个站点的同源限制、不同浏览器对缓存容量的不同上限，以及更新缓存的三种方式（更新manifest文件、JavaScript调用或清除浏览器缓存）。 对于需要缓存大量文件的项目，手动编写manifest文件容易出错，文章最后介绍了`grunt-manifest`这类自动化工具，可以通过构建任务自动生成manifest文件，解放生产力。
