3.Web存储

1.sessionStorage

存储数据到本地,大小限制为5M
特点:存储在页面的内容中,关闭当前页面数据就没有了
使用:
1.1 window.seesionStorage.setItem(key,value)
1.2 window.sessionStorage.getItem(key)
1.3 window.sessionStorage.removeItem(key)
1.4 window.sessionStorage.clear()

2.localStorage

可以存储20M大小的内容 ,页面之间数据共享 ,关闭页面后,数据存储还在,存储在硬盘上
使用:与sessionStorage一致

3.应用缓存

通过创建 cachemanifest文件,出个样件web应用离线版本,可自主控制哪些数据同步.
使用:
1.首先要在 html标签中使用属性 manifes='缓存配置文件路径'(文件可以在同目录下创建,扩展名为.appcache)
2. 缓存配置文件内容为:
在这里插入图片描述注意:manifest文件需要配置正确的MIME-type即”test/cache-manifest”,必须在web服务器上进行配置(IIS)

发布了103 篇原创文章 · 获赞 5 · 访问量 2227

猜你喜欢

转载自blog.csdn.net/weixin_42452726/article/details/104086120