字节跳动 AML 前端 一面

时长55mins

  1. 自我介绍

  2. 怎么接触的前端?学了多久?

  3. 问项目

  4. 为什么要做组件库?

  5. 问到我的组件库和AntD之类的有什么区别,我说区别可能就是我的功能更少?hhhh

  6. 设计一个组件的思路?

  7. 样式冲突问题

  8. 单元测试是什么?你用什么做的单测?

  9. 对于CSS 预编译语言的理解? (变量、混合、函数、模块化)

  10. 你使用的React的版本? (18.2)

  11. 18.2 对于17的区别? (没咋说出来,说了一些19的新功能)

  12. 常用的React Hook有哪些?

  13. Context 和 Redux 的区别?

  14. Hooks 的状态存在哪里? (fiber)

  15. useLayoutEffect 和 useEffect 的区别?

  16. Hooks 的使用规范,和条件语句是否能够一起使用,原因?

  17. 聊一聊你刚刚提到的 Fiber

  18. TSX/JSX 如何编译渲染到界面?

  19. Babel 是什么,Babel 转换原理是什么? (AST)

  20. JS类型有哪些?

  21. Symbol 是什么?BigInt 是什么?

  22. new object() 的流程?

  23. 闭包是什么?利用闭包实现一个计数器

  24. EventLoop是什么?浏览器事件循环和Nodejs事件循环有什么区别?

  25. 有哪些模块规范?(commonJS、es6系列)

  26. 两者有什么区别以及为什么有这些区别?

  27. 有没有听过说过 sourceMap?(没有)

  28. 怎么做前端工程化规范? (prettier、eslint、commitlint、webpack/vite、CI/CD)

  29. 你的项目一般部署在哪?

  30. Promise 有哪些静态方法?(all、race、allSettled)

  31. 说一说 Promise.allSettled 方法?

  32. async / await 原理?(generator语法糖)

  33. 实现一个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

}

```

* * *

反问:

  1. 技术栈

  2. 对我的评价和建议:

  3. 他评价基础好,建议是可以多参加一些团队项目

  4. 面试结果多久通知

* * *

总结:

第一次面字节,体验很好,感觉答得也不错,期待二面

相关推荐
JosieBook25 分钟前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?
前端·chrome·debug
LBJ辉25 分钟前
2. Webpack 高级配置
前端·javascript·webpack
灵感__idea7 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴8 小时前
Mix
前端·webgl
代码续发8 小时前
前端组件梳理
前端
试图让你心动9 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码9 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记9 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏9 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数10 小时前
掌握JavaScript函数封装与作用域
前端·javascript