携程 前端 base北京（23届秋招面试记录）

部门：金融

一面（2022-09-08）（30min）

• 什么时候接触前端
• 输出题

// T1
val a = { n: 10 };
function out(obj) {
	var b = obj;
	var c = b;
	b.n = 30;
	c = { n: 40 };
	console.log(a.n);
	console.log(b.n);
	console.log(c.n);
}
out(a);


// T2
function foo() {
	console.log(this.bar);
}
var bar = 'bar1';
var o2 = { bar: bar2, foo: foo };
var o3 = { bar: 'bar3', foo: () => { console.log(this.bar) } };
foo();
o2.foo();
o3.foo();

• 手撕

// 写一个函数进行数字格式转换，将数字转为含分隔符，并保留两位小数的字符串（写在第一面背面）
// 1234567 -> 1,234,567.00
// 100 -> 100.00
// 12.21 -> 12.21

• 手撕

// 有一个表单，表单内有个提交按钮，写一个避免重复提交的通用方案

• 服务端如何知道多个请求属于哪个用户
• 前端如何实现缓存资源
• 如何通过localstorage实现缓存

二面（2022-09-20）（41min）

• 实习项目
• 手撕

//给定一个字符串s，请你找出其中不含有重复字符的最长子串的长度。 s = "pirikmdnhklnbbgtytytuosssfffffsdsfsf"

• 观察者模式和发布订阅模式的异同
• 手撕发布订阅模式
• 闭包，使用场景，注意事项
• 防抖，节流
• 函数柯里化
• 尾递归有什么用
• js变量提升的好处
• 浏览器的事件机制
• 事件代理
• react为什么设计合成事件
• http2 http3
• 浏览器缓存
• 实习遇到的难点
• 实习的收获

HR面（2022-10-12）（25min）

• 为什么选前端
• 怎么学前端
• 实习经历
• 实习遇到的难点
• 实习收获
• 与合作方意见冲突怎么解决
• 你认为做技术需要有什么素质
• 工作地点
• 秋招投递策略
• 第一份工作最关注什么
• 目前秋招进展
• 有机会出来实习吗
• 反问

没发意向。