先说说浏览器缓存数据的做用和优缺点: Web缓存存在于服务器和客户端之间。Web缓存密切注视着服务器-客户端之间的通讯,监控请求,而且把请求输出的内容(例如html页面、 图片和文件)另存一份;而后,若是下一个请求是相同的URL,则直接使用保存的副本,而不是再次请求源服务器。 优势:使用Web缓存的好处是显而易见的 减小网络延迟,加快页面打开速度--缓存比源服务器离客户端更近,所以,从缓存请求内容比从源服务器所用时间更少,缓存的使用可以明显加快页面打开速度,达到更好的体验。 下降服务器的压力--给网络资源设定有效期以后,用户能够重复使用本地的缓存,减小对源服务器的请求,间接下降服务器的压力。同时,搜索引擎的爬虫机器人也能根据过时机制下降爬取的频率,也能有效下降服务器的压力。 减小网络带宽损耗--不管对于网站运营者或者用户,带宽都表明着金钱,当Web缓存副本被使用时,只会产生极小的网络流量,能够有效的下降运营成本。 缺点: 缓存没有清理机制--这些缓存的文件会永久性地保存在机器上,在特定的时间内,这些文件多是帮了你大忙,可是时间一长,咱们已经再也不须要浏览以前的这些网页,这些文件就成了无效或者无用的文件,它们存储在用户硬盘中只会占用空间而没有任何用处,若是要缓存的东西很是多,那就会撑暴整个硬盘空间。 给开发带来的困扰--明明修改了样式文件、图片、视频或脚本,刷新页面或部署到站点以后看不到修改以后的效果。 html
注意离线缓存和h5的 sessionStorage localStorage 是两码事 浏览器缓存就是web存储 而appcache是属于离线缓存(也叫应用缓存) 用于存储文件资源 图片之类的 而sessionStorage能够简记为是cookie的升级版!不要弄混!!!web