你的人生需要缓存!
缓存让你的访问网页数据更快。比如某些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:是在没有缓存可以读取网页的情况下,网页回退到的页面。
最终效果可以在浏览器缓存中看到:
三、总结
前端非常重要的技能。