芒果TV资深前端一面记录

196 阅读3分钟

回长沙快两年了,好久没面试了,想看看现在前端市场的行情,然后尝试投了下芒果TV,收到了面试邀请。匆匆忙忙准备了下,就开始迎接面试了,结果理所当然的不太影响。

哈哈哈,准备的八股和场景题一个没问到,得出一个结论,现在面试不像以前是大篇幅问八股文了,尤其是资深的话,更多的是会结合面试公司的业务,问一些场景题,以后得从这方面多准备准备。

  1. 自我介绍。

  2. 实现一个不定宽高元素的居中。(这里好像还答错了,哈哈哈,搞混了,这么基础的问题)

  3. 在小屏、中屏、大屏,响应式展示双列、四列、八列。 (这里也答得不好,个人主要做移动端,思路是有,但是要一下描述出来,磕磕绊绊)

  4. 说说vue的具名插槽、作用域插槽。(太久没用Vue了)

  5. react实现vue的作用域插槽。(react这么灵活的函数式编程,不是很好实现吗?当时大脑堵死了)

  6. flex: 1,代表了哪几个属性。

  7. width和flex-basic哪个优先级更高。(这个还真没关注,正常开发不会同时设置)

  8. react如何复用代码逻辑。

  9. react封装一个带权限控制的组件或是hooks,你如何设计,需求详细说明:

    a. 例如让不同的用户权限,展示不同的按钮组。 b. 用户权限信息能在不同的地方被使用。 c. 用户鉴权等在后端做好,通过接口下发给前端,不要重复请求接口。

(这个问题,当时没怎么听明白,面试后又慢慢理了下,大概需求是如此。)

  1. 如何进行前端性能优化,说出4个性能指标(LCP、JST这种)。 (讲了讲常见做法,和我们目前业务的做法,但面试官貌似不太想听)

  2. 如何优化LCP时间。 (想听的来了,带到SSR来了)

  3. SSR的原理是什么。 (对SSR比较薄弱)

  4. 芒果PC首页用的SSR,当百万用户访问,如何减轻服务器压力。 (说了一堆,不是面试官想要的,试探性问问是不是借助CDN。感觉服务器实在扛不住,临时降级成CSR算了撒)

  5. CDN作用是什么?能如何减轻服务器SSR压力?

  6. 如何解决CDN缓存过期问题? (这个问题当时没答上来,会错题目意思了,这个问题蛮好回答的)

还一些细碎问题:前端缓存如何做的、是否会Nodejs之类的

大概能回想起的是这些问题。

面试除了实力,也还是蛮看缘分和运气的,能和面试官处于同频状态,就很容易通过。

以后还是得针对不同公司,看看对应的场景题。零零散散记些流水账。