H5存储3--离线存储

介绍: 

工作原理:

客户端发送请求,服务器端接收请求并返回相应结果,这个时候就会显示到页面当中,这个时候必然需要网络。

离线存储相对本地存储,要好的地方就是:不光可以存储字符串,还可以存储图片,css,js等等

所以离线是怎么做到的?

离线是在客户端和服务器端之间,有一个文件,客户端首先第一次的时候去服务器端进行请求,服务器端接收到之后不进是往客户端发送结果,同时还往离线应用中发送了一次,这样当第二次或者第二次以后从客户端请求的时候,这个时候就不走服务器端了,就会走离线文件,不通过网络了,因为离线文件和客户端是在一起的,这个时候就可以返回相关资源了。

现在应用的还不是特别的广泛,因为大部分网站都有交互的功能,一但没有交互功能,网站就成了纯展示,意义就不大了。


步骤 : 

没做离线存储时:比如你在开启服务器的时候放了一张图,断网了,请求就发送不过去了,这个时候就无法连接了

做离线存储 :

步骤看上图:

    1.服务器设置头信息

    2.manifest = "xxx.manifest" : 直接在html标签上写,xxx代表离线的清单列表,相当于就是离线文件,所以说把请求过的数据存在离线文件上,下次请求的时候就可以直接从这里取了:

3.建一个离线文件:cache.mainfest,这时候这个文件就和页面连接上啦!

    1>在文件内写CACHE MANIFEST : 意思是在它下面离线存储的东西,这个时候第一次请求后,就把这个图片放到了离线文件中了,下一次如果没有网,就不走服务器了,就走这个文件清单了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容