2024年Web前端最新Koa 基础篇（四）—— Cookie 与 Session，2024年展望前端原生开发的现状

总结

三套“算法宝典”

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

ctx.cookies.get(key)

示例：

router.get(“/home”,async (ctx,next) => {

console.log(ctx.cookies.get(“username”))

ctx.body = “this is home page”

})

注意：一般情况都不要使用明文设置 cookie ，而是对 cookie 进行编码。

Session

---

session 是另一种记录客户端状态的机制，不同的是，cookie 保存在客户端浏览器中，而 session 保存在服务器上。

在 Koa 中使用 session 就需要使用第三方的依赖了。

1. 安装

npm install --save koa-session

2. 引入

const session = require(“koa-session”)

app.keys = [‘some secret hurr’];

const config = {

key: “koa:sess”, //key(使用默认值即可)

maxAge: 86400000, //过期时间，默认为1天

overwrite: true, //是否可覆盖，默认为true

httpOnly:true,

signed:true,

rolling:false,//是否在每次请求时重新计算过期时间

renew:false

}

app.use(session(config,app))

3. 基本使用

router.get(“/home”,async (ctx,next) => {

console.log(ctx.session.username)

ctx.body = “this is home page”

})

router.get(“/login”,async (ctx,next) => {

ctx.session.username = “jonas”

ctx.body = “login success”

})

JavaScript

• js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

• 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

• Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

• JS常见的dom操作api

• 解释一下事件冒泡和事件捕获

• 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

• 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

• this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

• call，apply，bind

• 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

• 创建对象的多种方式

• 实现继承的多种方式和优缺点

• new 一个对象具体做了什么

• 手写Ajax，XMLHttpRequest

• 变量提升

• 举例说明一个匿名函数的典型用例

• 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

• attribute和property的区别

• document load和document DOMContentLoaded两个事件的区别

• JS代码调试

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】