前端一年经验面试了某中厂，被狠狠拷打一小时

[sikuu2al]

1. 知道 BEM 吗？

2. 说一下你对 BFC 的了解

3. 说一下回流和重绘？怎么触发？有什么区别？如何优化

4. CSS 居中的方案？

5. 知道 transition 和 animation 吗？有什么区别？什么场景下使用

6. js 中 0.1+0.2 等于多少？ 为什么会这样？怎么做处理？整数可以用 parseFloat 吗

7. 说一下闭包 概念？应用场景？为什么需要？

8. 模拟 const 的实现

9. 讲一下防抖和节流 在什么场景下使用？

10. 数组 和 类数组 区别、用法 类数组怎么变成数组

11. call apply bind 有什么区别

12. 说一下 promise 优点 缺点 用法

    • 缺点：无法取消（有概率会阻塞总线程）、错误捕获不好定位

13. 说一下箭头函数

    • 为什么需要箭头函数？ 个人理解：弱化了以前 function 的写法 以前的 function 既可以表示方法又可以是构造方法，现在将其拆解为箭头函数()=>{}和类 class ，因为箭头函数不能成为构造函数

    • 箭头函数和普通函数的区别？ A:没有 argument

    • 如何获取箭头函数的 argument ？ A：使用...

      const arrow = (...args)=>{
      	console.log(arg)
      }
      

14. 检测数据类型有哪些方法？ instanceof 的原理是什么（原型链）

15. 知道哪些设计模式？发布订阅和观察者的差别

16. 深拷贝怎么做的？ JSON 的做法有缺陷，手写的话可以递归

17. 听说过 webWorker 吗

18. 听说过 serviceWorker 吗 了解 WAP 吗

19. http 的缓存策略是什么？强缓存和协商缓存的关键字段是什么？

    • 强缓存：Cache-Control 、Expires
    • 协商缓存：ETag(响应内容唯一标识）、Last-Modified （上次修改时间）

20. 浏览器的渲染机制是什么？从获取到 html 开始

    • HTML → 解析 → DOM 树 CSS → 解析 → CSSOM 树 DOM + CSSOM → 构建 Render Tree （渲染树） → Layout （计算位置大小） → Paint （绘制像素） → Composite （合成层合并） → 屏幕显示

21. 浏览器的垃圾回收机制是什么？什么会导致内存泄漏？

22. 有没有用过什么打包库？ webpack 和 vite?

[SanjinGG]

@nexo 难道你背了原理，公司会让你自己实现一套来用？上面那些开发至少能遇到 50%，你需要理解原理来解决的问题能有 10%吗

[uberarctic]

看了一下，2 年前准备面试的时候大部分有个印象，现在没几个会的🤣

[lokya]

我也忘记了 这八股文 厉害啊

[abelmakihara]

这属于常见八股 非大厂前端又不怎么考算法

[nexo]

@SanjinGG 原理靠背没有用 靠理解 背原理的两句就能追问出来 理解原理 理解整个上下游, 技术选型都真懂的人 基本上非常热爱技术了 也会自我迭代 基础扎实的情况下基本不会给你埋坑

[momo2789]

11,12,13 怎么说也是八年前的问题了，太八股文了。

[importmeta]

但凡你提前网上搜集一下八股文, 再背一背, 都能过.
这题目都多少年了?

[freefcw]

作为一年前端，问你这么多问题，这肯定是面试官不合格……你居然能都记得，更是难以理解

[SanjinGG]

@nexo 理解也要应用才不会忘啊，不可能天天和原理打交道吧，还是说框架核心开发人员？

[qingyingwan]

经典前端八股。我是八年开发，以前全会，现在全忘了。但是说实话如果刚入门的话这些还是得学，即使后面会忘掉，但那是你从初级中级到达了高级水平，忘掉了无所谓。

[night98]

@MAVETRICK #44 这种八股咋地让程序员留个长发带个无线耳机接入 ai 面试你就老实了。

[Obj9527]

纯八股文而已

[sikuu2al]

@night98 哥们还真是长发哈哈哈

[canvascat]

全是八股文，部分我也忘了，面试前还是背一下八股文比较好

[bbsingao]

什么记忆力这么好

[he110te4m]

是 PWA 不是 WAP 吧，其实都比较基础的八股文了，没继续延伸下去，以前校招也差不多这么问，背一背就好了