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

[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?

[Belmode]

加油

[lasuar]

是不是感觉要长脑子了，就这个 feel

[sikuu2al]

@lasuar 感觉自己是 m 被拷打完感觉还挺爽的

[jasononly4work]

大部分都是经典的八股问题，当初校招面试的时候全都学习过，虽然我现在也忘了

[sikuu2al]

@jasononly4work 哈哈哈还真是 问一年前的我可以对答如流了

[YVAN7123]

就是面试八股文没啥新奇的

[dudubaba]

就是面试八股文，只有在面试时才会用上，网上搜一下合集，死记硬背。

[HugoKim]

还问 CSS 居中？
虽然我不是前端从业者，我自己也有学前端技术。真的会问 居中的问题吗

[p1gd0g]

你是录了音吗怎么全都记得

[Torpedo]

@HugoKim #8 css 问的都是类似的小问题吧。也问不出什么来

[peasant]

看完感觉要是失业了就更找不到工作了

[luckyrayyy]

先拉到最后我以为是一个二维码或者公众号

[beidounanxizi]

农逼面试官 还问原型链 bem 0.1+0.2

[liuzimin]

@p1gd0g #9 我面试后也觉得很神奇，虽然面试时间很长，但偏偏记得很清楚。应该是自己有认真动脑思考的缘故吧。

[youyouzi]

来来回回都是这些破玩意，哎~~

[linzhipeng]

看到这些就闹心，纯八股文。

[Xheldon]

说实话，这些都是基础知识吧，如果我是面试官，你不用答的很详细和全面，这些东西你只要有个印象知道在哪儿用或者什么概念就可以过，具体细节遇到再查也没什么问题，谁脑子天天记这些东西啊

[craftsmanship]

有些属于基础有些属于纯八股 好的方式是把基础部分搞懂之后理解记忆 差的方式是全都死记硬背

[godmiracle]

看上去都是曾经面试问过的八股，没有针对项目提问啊

[jqtmviyu]

就这些八股, 背完过半年又忘了.

[iwh718]

纯八股文。正常都直接问项目经历了。

[kokerkov]

不知道...没听说...不清楚。你是哪个单位的？！

[dfkjgklfdjg]

难是不难…但是看起来面试官就是随便搜了一套面试题就来了。
虽然 2/3 年经验内的只能拷问基础知识，但是有些题对于初级前端来说是答不上来的。除了能看出来面试者有没有准备过面试（背过八股文）之外没啥作用。

虽说要背很多基础知识在遇到的时候可能有解决思路了，但我一直觉得是前辈对于后来者的学习建议。对于面试应聘者来说没啥用，还不如直接问项目里面会用的技术栈和相关的项目经历，看面试者能不能做合格的螺丝钉。
不过这样对于面试官来说耗费的心力就会高出去太多。可能本来面试官就是临时安排出来的，也能理解他觉得没必要花费太多精力的想法。

[orluna]

WAP 是啥？ pwa 吧

[andyskaura]

@orluna 哈哈哈 看到这里也是离谱，serviceWorker 都搬出来问了，让 ai 出题都不至于来问这个。

[macy]

作为一个工作了 9 年多的前端，看了这些题，我基本都不会，很难回答上来，平时根本用不到这些，很明显的八股文，面试真的是双向的，不用觉得被拷打，真写起代码来，他可能还不如你。很多面试官根本不知道自己的目的，只是找了一堆问题来问你，来难住你，而不是真的想给公司找个合适得人，或者是给自己找个能干活的搭档。其实很简单，找个干活快的，机灵的，能分担点工作，这才是正确的，而不是找个会背八股文而写的不咋样的人。

[shunia]

浏览器的 GC 机制？记错了吧，浏览器的 GC 可太复杂了，应该是 JS 引擎的或者可能特指 V8 的 GC 机制。

[pakholeung372]

今夕是何年

[CHTuring]

额...我基本答不上来，完蛋

[EJW]

虽然是八股文，但是大概有的 1/3 是我工作中遇到过的，还有不少就算知道也得去背答案啊 。

[ZEHuang]

这不是纯八股文吗？网上一搜都有答案的

[murmur]

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

错啦，是 json 拷贝不了函数，但是 deepClone 库可以把函数也拷贝下来

[sikuu2al]

@orluna 确实哈哈哈 我打错了

[Track13]

经典的八股问题，毫无意义。

[bzw875]

八股文而已不怕，就怕冷门的 leecode 题目，还怕问你日志系统的设计或让你开发一套 CICD 服务这个我回答不出

[yl20181003]

这东西临时刷题就好了，纯纯八股文，卵用没有

[EgoTao]

纯八股文，面试前花点时间看看就完事了。 有些不太常用的，突然问也记不住。 这估计是一面吧

[shadowyue]

好经典的八股文，不如 V2EX 月经问题跨域，干翻 90%的候选人🐶

[sikuu2al]

@EgoTao 是一面 纯八股 答了 85%吧 但是最后问评价是基础不太熟。

[iamzcr]

实际上，这些东西在项目中不知不觉就会用到，只是平时不善于复盘。

[Jesmora]

@CHTuring 别慌，俺也一样，感觉和业务关系不大，哎，面试是到坎啊

[calvinHxx]

。。好多都不知道。。哈哈哈哈。。感觉干活不知道这些也没啥问题呀。。

[accelerator1]

虽然八股，但是知道，因为我面试也问

[MAVETRICK]

八股怎么了，有些八股区分度可太高了，能背也是一种实力。浏览器从输入 url 到页面展示的过程，大部分人给不到什么好回复，都是一些简短的描述，有些话都说不利索的。

[sikuu2al]

@MAVETRICK 确实是这样 八股虽然会被念叨 但是还是能筛选一部分人的

[nooneanyone]

反问阶段，你把上面问题再问一遍面试官

[liuxiaojiu]

现在还有问这些的吗，以为都是直接问项目了

[gophlet]

@shadowyue 哈哈哈哈哈哈哈哈🤣

[uds9u32br]

能记得这么清吗，拉到最下面没有卖课是我没想到的。

[SD10]

我是后端，一个也不会

[stonesirsir]

面试造火箭，工作拧螺丝

[fraud]

后面可能面试几个前端，就用你这份题目了

[violetlai]

这不挺简单的，除了最后几个其他都是基础了

[Meld]

没场景题，没啥意思

[kenshinhu]

原来第一题的意思里的 BEM 是指 Block （块）、Element （元素）、Modifier （修饰符），长知识了

[SanjinGG]

这个八股还算正常的，没上来原理可以了

[Tdy95]

八股文没啥价值，还是上来写代码，考考思路和实现比较舒服

[ttyy22007]

一年经验，面试不问八股文能问啥

[sikuu2al]

@uds9u32br 哈哈哈没必要 卖课的太恶心了 只是记录分享下 说不定能帮到有需要的 v 友

[nexo]

@SanjinGG 原理比这有用多了 这些上班的时候一搜就知道 原理靠背经不住敲打

[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 吧，其实都比较基础的八股文了，没继续延伸下去，以前校招也差不多这么问，背一背就好了