你的人生需要缓存！
缓存让你的访问网页数据更快。比如某些css，是不用经常更新的，那就可以缓存到本地，这样加载静态资源就会更快。
一、实现方式
- 手动写入manifest=”index.appcache”（这个是你要缓存的配置文件）。
- 同目录下写入一个index.appcache，在文件里注册你要缓存的文件。
有CACHE，NETWORK，FALLBACK三种方法需要区别。
二、具体实现
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html lang="en" manifest="index.appcache"> //注意这里写入缓存文件 <head> <meta charset="UTF-8"> <title></title> <link href="css.css" rel="stylesheet" type="text/css"> <script src="js.js"></script> </head> <body> <p>test chache!</p> </body> </html> |
然后自己定义缓存文件：
|
1 2 3 4 5 6 7 8 9 10 |
CACHE MANIFEST CACHE: testcache.html css.css NETWORK: js.js FALLBACK： |
记住配置名称都要大写。
- CACHE:是需要缓存的文件。
- NETWORK:是需要网络读取的文件。
- FALLBACK：是在没有缓存可以读取网页的情况下，网页回退到的页面。
最终效果可以在浏览器缓存中看到：
三、总结
前端非常重要的技能。