search

yisainan / web-interview

我是齐丶先丶森，收集整理全网面试题及面试技巧，旨在帮助前端工程师们找到一份好工作！更多详见公众号「前端面试秘籍」
MIT License
2.63k stars 505 forks source link

[网络] 14. HTML5 的离线储存怎么使用，工作原理能不能解释一下 #951

Open qiilee opened 4 years ago

qiilee commented 4 years ago

答案：

如何使用：只要在在页面头部加入 mainfest 的属性就行了。

<!DOCTYPE html>
<html manifest="cache.manifest"></html>

工作原理：HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制（不是存储技术），通过这个文件上的解析清单离线存储资源，这些资源就像 cookie 一样被存储下来。当无网时，浏览器会通过被离线存储的数据进行展示