面试必问的Cookies，你知道多少 【1】(1)，2024年最新7年老前端一次操蛋的面试经历

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

Secure

当Secure 设置为true时，只要服务器使用SSL和HTTPS 时，客户端才能收到Cookies

res.setHeader(‘Set-Cookie’, [‘Secure-true;’])

HttpOnly

当HttpOnly设置为true时，客服端无法使用JavaScript来获取Cookies。

res.setHeader(‘Set-Cookie’, [‘httpOnly=true;’,])

JavaScript设置cookie

---

设定/修改

document.cookie=“name=123”;

注意：

document.cookie=“name=syl; age=18”

这样的话只有name生效，即每次只能设置一个。因此需要封装或者多次调用。

封装

---

设置

//设置cookies

function setCookie(name,value,MyDay){

var ExDate = new Date();

ExDate.setDate(ExDate.getDate() + MyDay);//如果需要时间的话以这样获取。

document.cookie = name + “=” + value + “;expires=” + ExDate;

}

获取

//获取cookies

function getCookie(name){

//例如cookie是"username=abc; password=123"

var arr = document.cookie.split('; ');//用“;”和空格来划分cookie

for(var i = 0 ;i < arr.length ; i++){

var arr2 = arr[i].split(“=”);

if(arr2[0] == name){

return arr2[1];

}

}

return “”;//整个遍历完没找到，就返回空值

}

删除

//删除cookies

function removeCookie(name){

setCookie(name, “1”, -1)//第二个value值随便设个值，第三个值设为-1表示：已经过期。

}

缺点

---

以下缺点，来自百科

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-vEUZ9JQT-1713106057516)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！