jd-前端专家面经(4.28已凉)

背景:双非本,22届的学长,好久没来牛客了,三年工作经验,社招,最近在跳槽
体验:非常一般
面试内容:
1.没有自我介绍,上来直接上压力,问你往年绩效如何,
2.对着项目开始问,这里聊了近二十分钟,我说到一半直接被打断了
他:不需要聚焦技术细节,我不是说这些不重要,因为我们时间有限,你刚才说你为了完成这个项目改造了一个canvas库,你直接说改造符不符合预期以及做到了什么,后续有没有人用,反馈如何,给团队带来了多大的贡献,后续对项目的探讨也希望你能聚焦在这些点上
这个时候我心里想的是他说的倒也没错 只不过面试很多家了这是第一家这么说的,让我有点愣住
后续又聊了一些
他:你们xxx的玩法是什么,封装了哪些技术方案
我感觉他这里在套我公司方案,毕竟我还是在职的,所以这里我随便说了点,比如说裂变,分享,做任务打卡,红包这些
他:你们内部框架的动画有吗,能说说底层原理吗
这里我又不想说了 第一是他这种意图太明显了,第二是公司内部框架底层是客户端代码,我基本没去深究过,于是又随便扯了点

项目结束,问八股,这个时候差不多二十五分钟吧
1.让你设计一个promise你会怎么设计
2.js调用链机制
3.call bind区别,说一下2025年的前端场景里 (ai、跨端、低代码、微前端、node),有哪些地方会用到这俩
4.原型和原型链,这里会一直追问你,我感觉我答的甚至不如校招的时候,因为工作中真的用不到这玩意
5.聊下尾递归
三道场景题:
1.promise的catch里如果返回一个普通对象,那么在调用这个promise链的时候,会走到then里还是catch里,并说明原因(这题我有点记不清了,sry)
2.有一条promise链,你会倾向于把错误处理都放在最后的catch里吗?我回答说不会,然后列举了一下这么做的坏处以及我的理解,他反问:那xxx库为什么要这么做呢?我甚至都没听清这个库是啥,因为这个xxx库是一个nodejs库
3. 如何设计通用的状态管理?我说我没听懂,你指的是框架里面的store?他举了一个具体的例子:现在我封装好了一个函数,可以检测到元素的滚动,但我想做的是:怎样做可以让这个函数在任何ui场景下都能检测到任何元素的滚动?你的方案是什么?

闲聊
问我能否透露现在的薪资
为什么想跳槽?
问我公司内部的构成
说实话这几个问题我都不想回答.....但出于礼貌还是说了些
反问
3年经验的前端如何走出舒适区?
你们的部门用的技术栈以及最近在做啥?

大概就这些,时长差不多五十分钟,总感觉漏了啥,之后想到的话还会继续补充

#面经#  #前端#
全部评论
牛逼!
点赞 回复 分享
发布于 06-11 12:22 北京
mark一下后续
点赞 回复 分享
发布于 05-01 00:21 河南

相关推荐

06-01 18:36
已编辑
南昌大学 前端工程师
## 时长 70 分钟 北京合思招聘系统### 1.自我介绍环节### 2.做题环节(20 分钟左右)有 22 道选择(html,css,js,数据结构),一道算法题:字符串去重,我和面试官简单说了一下思路(new Set),然后他让我随便写一点交卷了### 3.项目,场景和八股环节(这个环节持续太长了,有些我实在是忘了)1.你是如何做到首屏优化的2.讲讲 CI/CD 是如何实现的3.项目中有使用过 webpack 和 vite 吗4.webpack 和 vite 有什么区别5.有没有使用过什么状态管理工具6.项目使用了什么缓存机制这里我展开讲讲。关于缓存数据,蜀黍使用了缓存头(Cache-Control)和 localStorge。项目中使用了 Promise.all 来进行并发请求,同时从服务器和本地缓存请求数据7.怎么获取的缓存数据localStorge,状态码 3048.缓存的过期时间9.NextJS 中如何设置代码在客户端运行10.NextJS 如何设置服务端运行(好像是这个问法)11.useEffect 中如何进行数据请求(丝滑切换至场景题)12.如果不同 useEffect 中相互依赖过多怎么办(反问面试官,竟然是退化至使用类式组件)13.如果我想让我的 useRef 使用外部的 props 应该怎么办(forwardRef)14.当我的父组件将一个可能会经常变化的 props 传递给子组件时,应该怎么办(useMemo)15.我想全局管理 props,并且防止出现 props drill 的问题,应该怎么办(useContext)16.我想使用 useRef 来实现一个可以返回窗口顶部的功能,应该怎么实现,使用哪些 API17.我想将一个二维数组转换为一维数组怎么办18.如果我的二维数组中不完全都是数组怎么办(instanceof、Array.isArray)19.实现 add(1)(2) === 3 (函数柯里化)20.如何实现 string 和 number 之间的相互转换21.如何改变 this 的指向22.你有没有用过什么 ES6 的新特性23.Promise 打印顺序```javascriptconst promise = new Promise((resolve, reject) => {  console.log(1)  resolve()  console.log(2)})promise.then(() => {  console.log(3)})console.log(4)```24.有没有使用过 typeof25.flex 布局中如何实现水平垂直居中26.如何消除 float 带来的影响27.给定一个完整的 URL,如何获取其查询参数28.React 19 和 React 18 有什么区别29.项目中是否有采用什么对静态资源的优化可能还有,但是暂时想不起来了## 时长 15 分钟 洋葱学园1.对于一个列表,我们通常会给其添加一个 key,可以不添加吗,如果不添加是否有什么问题?2.对于一个 H5 页面加载过慢,如何优化3.将 URL 输入搜索栏,浏览器会做什么4.如何实现进入视窗才进行懒加载5.如何在一个 JS 文件中白屏时返回 Loading 组件(我直接说了 React 和 NextJS 中如何实现哈哈)6.移动端适配7.如何处理重复的请求(本人说了 axios cancelToken、防抖和节流解决这个问题)我确实记得应该还有,但是想不起来(
点赞 评论 收藏
分享
05-30 01:34
已编辑
门头沟学院 前端工程师
美团一面2249人在聊 查看17道真题和解析
点赞 评论 收藏
分享
评论
7
17
分享

创作者周榜

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