欢聚集团 前端一面凉经但收获满满!

base 广州

可以说是收获满满了,虽然在一周后很遗憾的收到了失败的消息,但回想整个过程真的很满足

面试官口音我觉着特别亲切哈哈(福建人在北方上学很久没听到类似的口音了),面试官人也很好,会引发思考,还会深挖一些我从来没注意到的点(哈哈我还得练啊),然后给出场景,看潜力和逻辑啥的,而且我很多点都是在他引导后答出来的(我都不熟事件委托),怕误解我的表达,模糊的地方他会再复述一遍我说的内容,收获最大的面试莫过于此(六月初面的,现在想来还是很感慨~)

继续往下看~

JS部分:

  • 事件监听的时候会有冒泡捕获阶段,在事件触发的时候,他的生命周期是怎么样的?
  • 点一个按钮,它是先经历捕获还是先冒泡?
  • 在什么场景下会去监听一个捕获阶段的一个事件,addEventListener默认它就是监听一个冒泡阶段的一个事件是吧?
  • 什么情况下去监听捕获阶段的一个事件
  • 事件的场景,给一个行列表去做事件监听的时候,比如说要求每一个列表项点击的时候,都要去打印一下这个列表项的信息。像这种我们平时是怎么去给他做事件绑定?"
  • 是绑定在列表元素上面的是吗?就是比如说是一个ul li的一个嵌套关系,事件是绑定在li上面的是吗?
  • 那这样绑定会不会有问题是什么问题?因为刚才说的它的列表可能是长的一个列表。对,就它有可能是分页的,也有可能下拉滚动。
  • 如果有100行甚至1000行,是给每一个li去绑定事件,这样会不会有问题?怎么解决
  • 比如说这个时候就是一个类似聊天对话框,这个时候输入了一个问题,肯定就形成了一个列表项,然后他回答的时候又增加了一个列表项,可以让我的触发时机是什么,怎么监听到这个列表项加了两项呢?加了一个问题和一个答案,是只能在点击事件那里,比如说点了一个提交按钮那里去做这个事情吧?
  • 那假定触发不是通过按钮,比如说是一个消息流websocket的消息流,那后台推送的一个新的消息回来,肯定也是增加多一个动态增加列表项,那这个时候是在接收的回调那里去做这一个事件监听绑定嘛? 我说是,面试官继续补充:那我觉得这个方式就是如果我有第三个触发列表更新的时机,我又需要点对点的去在那个地方去加事件注册,太麻烦

CSS:

  • 样式隔离,就是我们经常在写样式的时候,有什么方式去避免样式冲突?
  • 如果不用Vue或者说不用框架,那这里的话可以用这个BEM规范避免样式冲突嘛?

Vue:

  • computed,计算属性在使用的时候有没有什么限制?能不能计算一个window上面的变量,然后这个window上面的变量更新也会触发我这个值的一个变化(我说Watch可能更合适,然后他还会引导我,然后告诉我说这是不行的

React:

  • useRef,useMemo跟useCallback,优缺点、使用场景?(然后我聊到了useContext和KeepAlive,又开始了深层追问
  • Context.Provider可以嵌套一个Context.Provider吗?他是一个空间还是组件,可以用一个空的去封装吗?如果不小心包裹怎么解决?
  • 用了包裹组件,它是包裹的还是放在Provider?
  • KeepAlive 是Provider还是Context?(好像是这么问的,记不清辽)

反问:

业务;业务好像是跨境电商toB后台

面试官觉得有潜力的同时,基础很重要很重要,大家也一定要打好基础~(面试官说基础好,学习曲线会小很多,好培养

......

希望看到这的你也能有所收获,加油加油

全部评论
1 回复 分享
发布于 2025-06-28 19:37 广东
感觉问的挺难的,vue和react都问,react部分难度还不低
点赞 回复 分享
发布于 2025-07-12 10:20 江苏
日薪100的实习,没必要去。
点赞 回复 分享
发布于 2025-07-03 13:21 广东
和我之前的面试题90%重合,我也是挂
点赞 回复 分享
发布于 2025-07-02 13:19 北京
欢聚在哪投的😲
点赞 回复 分享
发布于 2025-06-28 21:08 广东

相关推荐

GGGGGGG,难死我得了,继续沉淀pulsar是什么模式的?怎么实现高性能的pulsar怎么保证消息不丢失的?消息积压怎么处理?怎么保证能榨干pulsar的性能?怎么保证消费的平衡?怎么通过并发去压榨pulsar的性能?拒绝策略怎么定义的,参数怎么去设置的?你知道并发和并行的区别吗?java中哪些工具是并发,哪些是并行的呢?有没有哪种是非阻塞的保证线程安全的?kafka是什么模式?了解事件驱动吗?不清楚是不是这个问题了io多路复用有了解吗?怎么实现高性能的?如果调用第三方网络超时了应该怎么处理?请求之后超时了你怎么确定你这次请求有没有改成功呢?重复请求你又怎么去保证数据的幂等性,防止幂等问题?有一个协议可以解决这个问题,你知道是什么协议吗?(TCP)当时脑子卡住了,没想起来,我是傻逼如果请求服务端出现大量的close_wait是什么原因?linux什么命令可以排查大量close_wait是什么导致的netty有了解过吗?不了解数据库查询很慢,你对索引分片等都已经做了优化,但还是很慢,怎么排查?数据库连接有调优过吗?redis分布式锁怎么实现的原理是什么?看门狗机制是什么?看门狗什么时候会失效?Redisession 底层怎么实现的分布式锁?xxl-job和???定时有什么区别,了解底层调度原理吗?时间轮算法有了解吗?内存溢出怎么排查?第三方包的升级你知道升级了什么吗?怎么优化这个问题的?堆外内存溢出怎么排查是什么问题呢?ThreadLocal没有remove为什么会产生内存泄漏sharding 的分库分表是出于什么原因要分库分表?分片键是什么?如果一个公司占用了90%的资源,那分库分表还有意义吗?怎么解决?没有反问 G
点赞 评论 收藏
分享
评论
4
20
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务