“约见”面试官系列之常见面试题第十二篇之cookie和localstorage（建议收藏）

2024-04-05 19:56:40

目录

1.cookie

　　（1）什么是cookie

　　（2）通过JavaScript创建cookie

2.localStorage和sessionStorage 使用相同的API

3.cookie、localStorage和sessionStorage的区别

1.cookie

　　（1）什么是cookie

　　　　　　cookie是在计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。

　　　　　　 cookie就是为了解决‘如何记住用户信息而发明的’

　　　　　　　　① 当用户访问网页时，它的名字可以存储在cookie中

　　　　　　　 ② 下次用户访问该页面时，cookie会记住它的名字

　　　　　　cookie保存在名称值对中，如： username=Kbin

　　（2）通过JavaScript创建cookie

　　　　　　JavaScript可以用 document.cookie 属性创建、读取、删除cookie

　　　　　　创建cookie,还可以添加有效日期（UTC时间）。默认情况下，浏览器关闭后会删除，还可以通过path，告知路径：

1	`document.cookie="username=kbin； expires=Sun, 31 Dec 2017 12:00:00 UTC；path=/"`

　　　　　　　通过JavaScript读取cookie,同时会以一条字符串的形式返回所有cookie，比如：cookie2=value2

1	`var` `x=document.cookie`

　　　　　　通过JavaScript改变cookie

1	`document.cookie="username=kbin2； expires=Sun, 31 Dec 2017 12:00:00 UTC；path=/"`

　　　　　　　通过JavaScript删除cookie，删除非常简单，只需将expires 参数设置为过去的日期即可

1	`document.cookie =` `"username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";`

2.localStorage和sessionStorage 使用相同的API

　　　　localStorage.setItem("key","value") //以"key"为名称存储一个值"value"

　　　　localStorage.getItem("key")//获取名称为"key"的值

　　　　localStorage.removeItem("key")//删除名称为"key"的信息

　　　　localStorage.clear() //清空localstorage中所有的信息

3.cookie、localStorage和sessionStorage的区别

本面试题为前端常考面试题，后续有机会继续完善。我是歌谣，一个沉迷于故事的讲述者。

欢迎一起私信交流。

“睡服“面试官系列之各系列目录汇总（建议学习收藏）

“约见”面试官系列之常见面试题第十二篇之cookie和localstorage（建议收藏）相关推荐

“约见”面试官系列之常见面试题第二十二篇之函数闭包（建议收藏）
目录 1.概念 2.特点 3.闭包的创建: ---------------------------------------------我是容易看懂的分界线-------------------- ...
“约见”面试官系列之常见面试题第二十四篇之vue-router使用（建议收藏）
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,蛋是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用. ...
“约见”面试官系列之常见面试题第十九篇之数组去重（建议收藏）
目录数组去重的方法一.利用ES6 Set去重(ES6中最常用) 二.利用for嵌套for,然后splice去重(ES5中最常用) 三.利用indexOf去重四.利用sort() 五.利用对象的属 ...
“约见”面试官系列之常见面试题第十四篇之所有数据类型（建议收藏）
最近有很多人说数据类型是 6种.我怎么记得JS的数据类型有8种.最近发现好多人对JS的基础不太了解.很多数据类型都没有搞清楚.不BB,我就按我的理解写一波笔记,每次看一波书我就感觉一次比一次多懂一点. ...
“约见”面试官系列之常见面试题第三十三篇之事件委托（建议收藏）
目录概述引入原因具体写法适用场景概述 "事件处理程序过多"问题的解决方案就是事件委托,利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件. 事件冒泡:由 ...
“约见”面试官系列之常见面试题第二十九篇之Vue和React的区别
vue与react的不同之处是什么?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue与react,两者都为当下主流框架相同之处在于: 使用 V ...
“约见”面试官系列之常见面试题第二十八篇之vue中的混合（minix）实例理解
minix 是个什么东西, 就是混合,把你混合给我浅显表述就是你说 : '我叫李四', 我说 : '我叫张三', 然后把你混合给我, 就成了我说 : '我叫张三我叫李四', 所有解说都在例子里 ...
“约见”面试官系列之常见面试题第十八篇之深拷贝和浅拷贝得区别（建议收藏）
壹 ❀ 引如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力. 此篇文章中也会简 ...
“约见”面试官系列之常见面试题第十六篇之http（建议收藏）
HTTP(Hyper Text Transfer Protocol(超文本传输协议))是一个简单的请求-响应协议,它通常运行在 TCP 之上.它指定了客户端可能发送给服务器什么样的消息以及得到什么样的 ...

最新文章

热门文章