时长55mins
-
自我介绍
-
怎么接触的前端？学了多久？
-
问项目
-
为什么要做组件库？
-
问到我的组件库和AntD之类的有什么区别，我说区别可能就是我的功能更少？hhhh
-
设计一个组件的思路？
-
样式冲突问题
-
单元测试是什么？你用什么做的单测？
-
对于CSS 预编译语言的理解？ （变量、混合、函数、模块化）
-
你使用的React的版本？ （18.2）
-
18.2 对于17的区别？ （没咋说出来，说了一些19的新功能）
-
常用的React Hook有哪些？
-
Context 和 Redux 的区别？
-
Hooks 的状态存在哪里？ (fiber)
-
useLayoutEffect 和 useEffect 的区别？
-
Hooks 的使用规范，和条件语句是否能够一起使用，原因？
-
聊一聊你刚刚提到的 Fiber
-
TSX/JSX 如何编译渲染到界面？
-
Babel 是什么，Babel 转换原理是什么？ (AST)
-
JS类型有哪些？
-
Symbol 是什么？BigInt 是什么？
-
new object() 的流程?
-
闭包是什么？利用闭包实现一个计数器
-
EventLoop是什么？浏览器事件循环和Nodejs事件循环有什么区别？
-
有哪些模块规范？(commonJS、es6系列)
-
两者有什么区别以及为什么有这些区别？
-
有没有听过说过 sourceMap？（没有）
-
怎么做前端工程化规范？ （prettier、eslint、commitlint、webpack/vite、CI/CD）
-
你的项目一般部署在哪？
-
Promise 有哪些静态方法？(all、race、allSettled)
-
说一说 Promise.allSettled 方法？
-
async / await 原理？（generator语法糖）
-
实现一个request，可以在失败的时候重试，有interval和maxCount参数
``` js
async function request(options, interval, maxCount) {
let alreadyRetryCounts = 0
let result
const fetchData = async () => {
await fetch(options)
.then(res => result = res)
.catch(() => {
alreadyRetryCounts++
if (alredayRetryCounts <= maxCount) {
setTimeout(fetchData, interval)
}
})
}
await fetchData()
return result
}
```
* * *
反问：
-
技术栈
-
对我的评价和建议：
-
他评价基础好，建议是可以多参加一些团队项目
-
面试结果多久通知
* * *
总结：
第一次面字节，体验很好，感觉答得也不错，期待二面