在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。

原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。

如何使用：

1、页面头部像下面一样加入一个manifest的属性;

2、在cache.manifest文件的编写离线存储的资源;

CACHEMANIFEST#v0.11CACHE:js/app.jscss/style.cssNETWORK:resourse/logo.pngFALLBACK://offline.html

3、在离线状态时，操作window.applicationCache进行需求实现。

猜你喜欢：

HTML中的src与href属性有哪些区别？

HTML5画布中线的样式是怎样设置的？

XML和HTML有什么区别和不同？

HTML5页面头部信息相关标签是如何编辑的？

黑马程序员前端培训课程

《2020外卖骑手就业报告》显示全国大专及以上学历骑手超过200万；教育部数据显示，2020年高校毕业生规模达到874万，再创历史新高；社会调查显示有超过一半的人从事着不喜欢、不擅长的工作；35岁“中年危机”是互联网行业公认的大槛,在职业发展中，选对赛道，有一个高的起点至关重要。千锋作为制造大国和网络大国，以数字驱动为特征、数据资源为要素的数字经济蓬勃发展，正成为中国经济提质增效、转型升级的新引擎，数字经济在激发经济增长新动力的同时，也催生出一批新模式、新业态下的岗位需求，为IT从业者带来了更为广阔的发展空间,十年潜心耕耘职业教育，千锋教育始终以深化职业教育*，促进职业教育发展为己任，坚持与中国信息技术产业布局同频赛跑。