虾皮春招前端一面

自我介绍介绍项目，背景，解决的问题，关键实现输出题 new Promise((resolve, reject)=>{ console.log(1); resolve(1); console.log(2); throw new Error('err'); console.log(3); reject(3) }).catch((res)=>{ console.log(res); }).then((err)=>{ console.log(err); }) //1 2 1 手写：数组全排列并发请求控制（无二面面经是因为二面问的不多，都是实习项目和经历）

1.实现react的useEventfunction useEvent(fn) {// 实现}function Demo () {const [s] = useState(1)// 返回值onEvent是函数，且是稳定的值// log输出中，s永远输出的是最新的s的值const onEvent = useEvent((a, b) => {console.log('cb', a, b, s)})return (<XX onEvent={onEvent}>{s}</XX>)}2.类名压缩// 压缩CSS类名，你给一个函数，接受传入的元素的class的值。然后压缩返回。需要做到多次调用不重复，全局唯一。// 希望预期的是，对于所有的class的名字，都可以按照最短输出。例如 class-a -> a class-others -> b// 当足够多之后是如 aa ab 这样的值function optim (classNames) {}console.log(optim('class-a')) // 'a'console.log(optim('xx')) // 'b'console.log(optim('class-a')) // 'a'console.log(optim('class-a  xx class-ee')) // 'a b c'

用户在浏览器输入 URL 到页面显示的全过程，中间具体发生了什么？HTTP 请求有请求头、响应头，你知道常用的属性有哪些？HTTP 状态码正常有哪些？301 和 302 都是重定向，要配合什么属性？两者核心区别是什么？HTML 常用的语义化标签有哪些？语义化标签是为了 SEO 优化，你清楚 SEO 是做什么的吗？SEO 我们称为 TDK 优化，TDK 是什么？script 标签除了 src，还有哪些常用属性？每个属性的用途讲一下？CSS 如何实现水平垂直居中？两个 div，A 包含 B，给 B 设置 margin-top:10px，展示效果是什么？这是什么现象？原因是什么？Vue Router...

3月5日投递3月7日笔试3月14日一面3月23日二面3月25日hr面秋招虾皮hr面后泡池子泡死了，春招又泡一次