度小满 前端 base北京（23届秋招面试记录）

部门：信贷-技术体系

一面（2022-09-03）（48min）

• 实习项目
• js事件循环机制
• 宏任务，微任务举例
• 看代码说输出、

console.log("1")
let promise = new Promise((resolve,reject) => {
  console.log("2")
  setTimeout(() => {
    console.log("3");
    reject();
  }, 10);
  setTimeout(()=>{console.log("4")})
})
promise.then(() => {
  console.log("5");
},()=>{console.log(99)});
promise.catch(() => {
  console.log("7");
},()=>{console.log("kk")});
promise.then(() => {
  console.log("6");
},()=>{console.log("ll")});

console.log("8")

• vue template模板到渲染会经历什么
• es6
• Map 和 Set
• 看代码说输出

console.log(a)
let a = 1

• css transition 和 animation的区别
• tab切换采用哪一种
• transition 什么时候不会被触发
• 重绘和重排
• 手撕： css实现一个三角形
• js判断变量的类型的方法
• Array.prototype.toString.call 和 Object.prototype.toString.call
• 手撕：发布订阅者模式
• 代码题：

二面（2022-09-09）（46min）

• 实习项目
• 跨域
• get post 区别 应用场景
• 手撕: HTML + CSS 实现一个红色的圆环
• transform： translate
• 扫码登录整体流程, 伪代码实现大致流程（详细）

1. 手机app（客户端A）
2. PC页面（客户端B）
3. 服务端

轮询
loginStatus: 0未登录，1已登录
api.isLogin().then(res => {})

• 什么是轮询，手撕轮询请求
• 代码题：

// 大致题意是，无序数组->把0放在最前面，其他的升序排列
input: [4,1, 0, -2, 0, 3];
output: [0, 0, -2, 1, 3, 4];

三面（2022-09-17）（42min）

• 全程聊实习项目
• 职业规划
• 前端工程化的理解

HR面（2022-10-13）（10min）

简单聊了会

10.28收到意向，最后开奖还行。