江苏龙网

  1. 主页 > 生活百科 > >

浏览器有哪些缓存？不同缓存的使用方法和差别( 二 )

浏览器缓存


持久cookie：是存在电脑硬盘里，是可以被同一个浏览器的所有页面共享的（无论是多进程还是多线程浏览器）；
补充一点点：
不同浏览器之间不能共享cookie，因为每个浏览器存cookie路径不是一样的 。
3. cookies的安全性问题：
第三方web站点使用持久cookie来跟踪用户，当用户访问同一个广告公司提供的站点，浏览器就会回送之前设置的持久cookie，
广告公司便可构建成一个用户档案和浏览习惯的详尽数据集 。
(4). storage类型
有如下方法：
clear()；
getItem(name)；
key(index)；
removeItem(name)；
setItem(name,value)；

浏览器有哪些缓存？不同缓存的使用方法和差别

文章插图
 
localStorage对象：要访问同一个localStorage对象，页面必须同源;
sessionstorage对象：只能被最初给对象存储的页面所访问;
修改localStorage对象、sessionstorage对象都会触发 document 的 storage事件;
localstorage 和 sessionstorage 都是html5提供的在客户端存储数据的新方法 。
这两个都是windows对象的属性 。
其主要区别是：
localStorage - 没有时间限制的数据存储，主要用来存储ajax返回的数据，加快下次访问的渲染速度 。
sessionStorage - 针对一个 session 的数据存储 。浏览器关闭后就删除 。
不同的浏览器无法共享localStorage或sessionStorage中的信息 。
注意：cookies、localStorage、sessionStorage的区别
1. 存储时间不同
持久cookies在过期日期之前都会存在;
localStorage会一直存在，除非主动删除;
sessionStorage在标签页关闭之后就会删除;
2. 存储的位置不同
持久cookies是存在用户终端，也就是电脑硬盘上，cookies始终在同源的http请求中携带，会在浏览器和服务器间来回传递 。
localStorage和sessionStorage是存在浏览器端;
3. 存储大小不同
cookies数据大小不能超过4k;
sessionStorage和localStorage存储大小比cookies大得多，可以达到5M;
4. cookie还需要指定作用域，不允许跨域调用
localStorage、sessionStorage的使用场景：
localStorage实现离线操作，新闻编辑上传功能，离线时保存在本地，有线时上传；保存用户配置项 。
希望用户关闭页面之后就销毁的数据可以保存在sessionStorage中;
(6). application cache 离线存储
1.什么是application cache
application cache是HTML5的新特性，允许浏览器在本地存储页面所需要的资源，使得页面离线也可以访问 。
在用户没有与因特网进行连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件 。
application cache是从浏览器的缓存中分出来的一块缓存区 。
如何判断设备是否离线？
if(navigator.onLine) { //设备在线时的操作} else { //设备离线时的操作}window对象上定义了2个事件：
online: 设备从离线变成在线;
offline: 设备从在线变成离线.




推荐阅读


上一篇：如何能更好的写出CSS？分享web前端大佬资料总结

下一篇：教你怎么实现缩短网址功能