码迷,mamicode.com
首页 > 其他好文 > 详细

session,cookie,sessionStorage,localStorage的区别~~~前端面试

时间:2018-11-08 10:10:45      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:关闭   html   span   浏览器   存储位置   内存   bsp   删除   同一个窗口   

---恢复内容开始---

cookie&&session

区别:

1、保持状态:cookie保存在浏览器端,session保存在服务器端

2、使用方式:

(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,关闭浏览器后,cookie数据仍然存在,直到过期时间结束才消失。

     Cookie是服务器发给客户端的特殊信息

(2)session机制:服务器端内存中保存用户私密信息的存储空间,在首次请求服务器时,服务器为当前客户端创建一个专门的内存存储空间,成为session,并分配随机的session_id,返回给客户端保存在cookie中,每次客户端请求服务器时,都自动携带cookie和session_id到服务器,可打开session,取出session中保存的数据使用如果客户端长时间未请求服务器,服务器自动删除该客户端对应的session。

关闭浏览器,会导致cookie中的session_id丢失,再次打开浏览器访问服务器时,服务器会分配新的session和session_id,原session即使未释放,也无法访问.

HTML5的WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)。

生命周期localStorage:localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据,否则数据永远不会消失。

        sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念,sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭,即使刷新页面或者进入同源另一个页面,数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面,sessionStorage也是不一样的。

存储大小:localStorage和sessionStorage的存储数据大小一般都是:5MB

存储位置:localStorage和sessionStorage都保存在客户端,不与服务器进行交互通信。

应用场景:localStoragese:常用于长期登录(+判断用户是否已登录),适合长期保存在本地的数据。sessionStorage:敏感账号一次性登录;

session,cookie,sessionStorage,localStorage的区别~~~前端面试

标签:关闭   html   span   浏览器   存储位置   内存   bsp   删除   同一个窗口   

原文地址:https://www.cnblogs.com/lianer88/p/9927250.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!