localstorage和sessionstorage和cookie,cookie session localstorage 区别

　　一、通常我们在存储数据的方式有三种

　　会话存储本地存储，那么这三种数据的存储有什么关系呢？我们一起来看看吧。

　　Cookie:保存cookie值：

　　var dataCookie= 110document . cookie= token = data cookie；获取指定名称的cookie值。

　　函数Get Cookie(name){///获取指定名称的cookie值//()name=([；]*)(;$)，match[0]是匹配整个正则表达式的字符串，match[i]是匹配正则表达式捕获数组的数组；var arr=document.cookie.match(新RegExp((^)姓名=([^；]*)(;$)));如果(arr！=null){ console . log(arr)；返回unescape(arr[2])；}返回null} var cookieData=get cookie( token )；///cookie分配给变量。设置cookie过期时间

　　函数setTime() {//存储cookie值并设置cookie过期时间var Date \=new Date()；var expiresDays \=10//设置十天的过期日期. settime(date . gettime()Expires Days \ * 24 \ * 3600 \ * 1000)；document.cookie \= userId=828expires= date . togmtstring()；Console.log(document.cookie，存储cookie值并设置cookie过期时间)；} setTime()；删除cookie

　　函数del cookie(cookiename 1){//删除cookievar Date 2 \=new Date()；date 2 . settime(date 2 . gettime()\-10001)；//将时间设置为过去的时间会自动删除文档，cookie \=cookiename 1 =v；expires= date 2 . togmtstring()；Console.log(document.cookie，删除cookie )；} del cookie( userId )；LocalStorage和sessionStorage:localStorage和sessionStorage:local storage使用的方法相同，下面是session storage的栗子：

　　var name= sessionDatavar num=120sessionStorage.setItem(name，num)；//Store data session storage . setitem( value 2 ，119)；let dataAll=session storage . value of()；//Get all data console . log(dataAll， Get all data )；var data session=session storage . getitem(name)；//获取指定的键名数据vardatasession 2=session storage . session data；//sessionStorage是js对象，也可以用key获取值console.log(数据会话，数据会话2，获取指定键名数据)；sessionStorage.removeItem(名称)；//删除指定的键名data console.log(dataAll， get all data 1 )；session storage . clear()；//清除缓存数据：local storage . Clear()；Console.log(dataAll，获取所有数据2 )；三者的异同：

　　以上用法是同意的，下面是三者的区别。这个问题其实很多大厂在面试的时候都会问，大家可以注意一下这些的区别。

　　生命周期：

　　Cookie:可以设置过期时间。如果没有设置，默认情况下会在关闭浏览器后过期。

　　LocalStorage:除非手动清除，否则将永久保存。

　　SessionStorage:仅在当前web会话下有效，关闭页面或浏览器后会被清除。

　　存储数据大小：

　　Cookie:大约4 KB

　　LocalStorage和sessionStorage:可以保存5MB的信息。

　　Http请求：

　　Cookie:每次都会在HTTP头中携带。如果使用cookies保存太多数据，会造成性能问题。

　　LocalStorage和sessionStorage:只保存在客户端(即浏览器)，不参与与服务器的通信。

　　易用性：

　　cookie:需要程序员自己打包，原有的cookie界面不友好。

　　LocalStorage和sessionStorage:可以再次接受或封装源接口，以更好地支持对象和数组。

　　应用场景：

　　从安全角度来说，因为每个http请求都会携带cookie信息，无形中浪费了带宽，所以应该尽量少用cookie。另外，cookies需要指定作用域，不能跨域调用。有很多限制。然而，cookie比stprage更好地识别用户登录。在其他情况下，你可以使用存储，只是使用存储。

　　存储杀死存储数据大小的cookies。现在很少用饼干了，因为越大越好，哈哈哈你懂的。

　　localStorage和sessionStorage唯一的区别是永久保存在浏览器中，另一个是关闭网页时信息被清除。LocalStorage可以用来夸耀页面传输参数，sessionStorage用来保存一些临时数据，防止用户刷新页面后丢失一些参数。

　　浏览器支持：

　　LocalStorage和sessionStorage是html5中应用的新功能，有些浏览器可能不支持。请注意这里。

　　找不到浏览器对cookies的支持。您可以通过下面的代码判断您正在使用的浏览器是否支持cookies:

　　if(navigator . cookie enabled){ alert(您的浏览器支持cookie功能)；//提示浏览器支持cookie} else {alert(您的浏览器不支持cookie )；//提示浏览器不支持cookie }复制代码数据仓库：cookie、localStorage和sessionStorage数据仓库。

　　Fanwai:每个浏览器中Cookie的大小和数量都是有限的。

　　总结

　　以上就是本文关于cookie会话存储本地存储三种数据存储方式的异同。有关cookie会话存储本地存储的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。