HTML5离线存储

作者: 07120665a058 | 来源:发表于2017-06-17 16:09 被阅读166次

HTML5离线缓存相关文章
HTML 5 多线程与离线存储
关于本地存储
App/uni-app离线本地存储方案
前端面试备考（基础题）
HTML5存储
HTML5离线存储之Application Cache
html5的离线存储问题
HTML5离线存储
HTML5离线存储

应用程序缓存的优势

离线也可以浏览
资源加载速度更快
减少服务器负载

在html中加入

<html manifest="cache.appcache">

在cache.appcache文件中写

CACHE MANIFEST
//离线的资源列表
img/1.jpg

//只有在线才能访问
NETWORK:

//如果第一个资源访问失败，就替换第二个资源
FALLBACK:
/ /404.html

开始，我以为是把在线的资源离线缓存到本地，没联网也可以访问，所以在index.html中引用了在线图片，在浏览器打开，没网不能显示，报错[Application Cache Error event: Manifest fetch failed (404)，后来加了服务器，才发现是缓存的资源，在服务器关闭时也可以访问

demo地址

参考文章推荐：
HTML5离线存储原理

HTML5离线缓存相关文章
HTML离线缓存-manifest简介有趣的HTML5: 离线存储
HTML 5 多线程与离线存储
@(HTML5)[多线程与离线存储] [TOC] 十九、HTML 5 多线程与离线存储多线程 Worker 前端...
关于本地存储
1、html5几种存储形式本地存储（localStorage && sessionStorage）离线缓存（app...
App/uni-app离线本地存储方案
5+App的离线存储 HTML5+的离线本地存储有如下多种方案： HTML5标准方案：cookie、localst...
前端面试备考（基础题）
Html 1. HTML5离线存储和本地缓存离线存储 test.manifest内容提示：在服务器上添加MIM...
HTML5存储
HTML5的本地存储与离线存储 1.本地存储 - Web storage2.本地存储 - indexedDB3...
HTML5离线存储之Application Cache
关于html5的离线存储，大致可分为： localStorage, sessionStorage indexedD...
html5的离线存储问题
HTML5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地...
HTML5离线存储
应用程序缓存的优势离线也可以浏览资源加载速度更快减少服务器负载在html中加入在cache.appcac...
HTML5离线存储
在HTML5中，利用浏览器cache缓存机制来离线存储一些资源，可以让用户在离线的情况下也能浏览Web App的部...