一、离线缓存
定义:离线缓存可以将站点的一些文件缓存到本地,它是浏览器自身的一种机制,将需要的文件缓存下来,以便后期即使没有连接网络,被缓存的页面也可以展示
如何实现:Application Cache 与 Cache Storage、service-worker、PouchDB、Redux-Offline、Redux 与 IndexDB 结合
Application Cache :
(1)首先,在需要缓存的html文件的根节点(html)添加manifest属性,属性值是当前目录下的一个appcache的文件:文件为:
<!DOCTYPE html>
<html manifest="demo.appcache">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="1.jpg" alt="" />
</body>
</html>
(2)然后是创建一个(···).appcache的文件,简写如下:
CACHE MANIFEST