2023年前面经(前端-字节)

648 阅读3分钟

字节一面

自我介绍

找工作、离职原因

  1. 给定两个div(border-box、content-box) 设置了宽高、margin、paddibg、border、背景色,求背景区大小
  2. 代码执行结果(this考察),之后再提问,如何修改调用方式达到另一种指定效果(也就是this想要改成指定的某某)
  3. 简述js中的模块方式
  4. SSR相关
    1. 简历中有提到ssr,请求页面到页面渲染过程中ssr相关的内容(后端与前端如何处理)
    2. 提到了注水,说说你知道的原理
    3. 如果是博客页,ssr有哪些注意的
    4. ssr实际使用过吗
    5. ssr处理过程中,有哪些注意项,例如 ccs等需要怎么处理
    6. 服务器如何区分不同的打包资源
  5. 编程题:字符串消消乐(总共半小时)
    1. 原题:连续两个相同字符消除 例如 abbcca -> aa / aaa -> a
    2. 升级:两个及其以上的就可以消除 例如 aaad -> d
    3. 再次升级:为了达到最大消除,还能够连续消除,使得剩余最短(不一定从前往后消,可以先消中间) 例如 abbccbad -> d(消cc、bbb、aa,剩d)

字节二面

自我介绍

离职原因

  1. 简历上有写制定过开发规范,具体有哪些
  2. 业务埋点如何设计与实现
    1. 前后端请求如何match、所有请求如何串联
    2. 请求阶段有哪些指标的埋点
  3. 有使用过react,有做过哪些hook、组件
    1. 有些hook为什么没使用开源的库,自己手写
    2. 如何设计组件
    3. 内部组件的版本控制
    4. 组件设计有哪些需要注意,例如atnd、elementui设计方案
  4. react使用挺久的,源码了解哪些,简单说说
    1. react为何使用链表方式
    2. react有哪些优先级
    3. 哪个周期可以中断;以及如何恢复中断
    4. 在浏览器端实现中断的方式
    5. 为何使用 MessageChannel,不使用其他Api
    6. 时间片的连续和中断如何与MessageChannel关联上
  5. Echarts 做过哪些
    1. 其他类型的图表库是否使用过
    2. Echarts自定义图表如何处理
  6. 前端性能优化关注哪些指标
    1. 用户响应指标如何收集、计算
    2. 哪些因素会影响这些指标
    3. 如何让团队或者领导被说服,相信优化确实有效果
  7. 题目:已知dom,计算其最大深度
    • 追问:是否还有别的实现方式或者性能更高的方式(已经使用递归完成)

总计

一面中,简历上的SSR写的是了解,没想到会被问如此深入,所以不能拿出来吹的就不要写,不然就是很多的一问三不知了

二面表现不太好,导致直接被刷 image.png

现在开始好好修炼,争取下次拿下