前端工程师精选面经合集
10家公司
29篇面经
最新 热门
/feed/main/detail/55e93afda72b43f9a1a1f5510c7627ee
27前端鼠鼠小红书一面
面了这么多场 小红书这次面试是我目前所有面试中强度最大 覆盖面最广 强度最高的一次面试 很多时候都是根据一个问题一路往下连续的问直到答不出来 不知道面评如何面经如下1. 自我介绍 + 一些闲聊2. 水平居中盒子怎么布局3. 垂直居中怎么布局4. 好的现在盒子居中了 现在想实现动画由原位置移动到水平垂直居中位置 怎么做 有几种解决方式5. 现在想实现淡入淡出的效果 怎么实现6. 之前提到transfrom 讲讲这个属性7. 怎么实现组件库的深色模式? 应该怎么切换主题色? 怎么减少用户配置负担?8. 讲讲如何适配不同分辨率的设备?有几种解决方案?9. 刚刚提到了rem 当算出来的rem小于一是可能会导致效果消失 这种时候怎么办? (问懵了 瞎答了一个设置工具函数强制换为一10. 你的项目是兼容那些机型? 会处理那些分辨率? 不同机型样式不一致应该怎么解决?11. 有没有做过渐变阴影的效果? 应该怎么做? 有没有做过高斯模糊?12. 打包出来的不同格式的包有什么区别? (umd/es)13. 你的项目中用到monorepo架构 用来解决了什么问题?14. 有没有其他比较擅长的技术点 说了ai对话流式输出15. 好的 简单实现一个sse 你该怎么定义消息的数据结构? 怎么控制网络不好到达乱序的问题? 怎么确保每次消息正确?给出代码实现(给了一个框架 只需要写逻辑就可以了)反问问了问怎么修改简历 主要做什么 有没有实习生培养机制
查看15道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/9f0ba1ad2468472a929632fd5dd78dd1
01-16 22:06
已编辑
河南科技学院 Web前端
双非近期前端面试情况
bg是双非大三,基本都有笔试手撕,都在45min左右不方便说。大厂全部简历挂:还有简历卡了8个月之久主要是提到记住的,想找实习了鼠鼠主要技术栈是React。七牛云: 笔试挂袋鼠云:一面挂(面试初期,准备的不好,可以说是基本没准备硬上)非常推荐大家好好准备去投递一下。-无八股,主要是聊项目,比较重视基础能力[重点,面试官很好会引导你,音符UP主:医学刘忠保的感觉]。-如何学习的前端,场景题,牵涉Ai,-promise相关-关于流数据处理[只知道存在这种,回答的不好]fetch的getReader,SSE,Websocket-长短轮询相关[涉及我的项目]-反问仅简单问了一下偏向,实际就是觉得凉了没再过多去问啦小药药:一面挂,对底层较多哈,主要技术栈是vue-react和vue混打-src/herf的区别 [资源并发和同步]-flex布局-浮动和清除-hooks介绍和使用填坑-js数据类型-原型链[不涉及继承这些]-useState的set问题::同步和异步的影响-常见的行内块和行内,块级[答的不好,没想到会问特别基础的考试中准备的不多]-反问主要是技术欠缺和说了对我未来指导方向[面试官其实不错,但有点像kpi聊天的]湖州一家制造:急招,一面,考试没有去-webWorker的使用,-数据类型...-事件循环的理解-hooks介绍使用-输出题-反问:对next.js的相关问题。北京一家广告公司:-这是一家偏向广告SDK业务,任务是重构B端,三面后无消息-常规主要是js-hooks介绍和使用-数组的方法,set,Map的使用场景,聊的不多。成都数天:一面-面试的不好,面太多了,心态炸了,有点紧张了-面试官很好,主要业务是3A游戏类[后面相关的技能...自己拓展]-主要是项目类-hooks-原型链和相关应用-js数据类型及其相关的-跨域问题和相关配置-dom操作相关纳克希:-这个是大数据和web3相关[问的都是比较偏项目相关拓展的前沿技术],next.js全栈-一面就是关于项目的拷打-介绍这个worker,管理和通讯,wasm介绍-笔试-二面:还是项目细节和使用到的技术栈相关,和规划-这家公司是倾向于完全培养,即是希望你转正实习的[长期]武汉炎图:初创,急招,但是希望是武汉本地或者就近。问的比较基础无界动力:一面,面试声音很像白马刘德华-主要还是项目相关,希望长期实习的[留用意愿]。-promise相关-数据类型相关,对这个关系相关-hooks介绍和使用相关-深浅拷贝-js相关题-反问的时候,聊懵了,有对技术方面指导有提醒结束注意下总结,鼠鼠竟然说了拜拜[我日]贝才之神:-一面-面试官不错问了很多,即使有错的,后面都会有提醒让你结束后注意一下-非常细,但一直都在引导你,会帮你补充-隐含了call,bind,apply这些-react的hooks栈这些[hooks使用注意点这些]-es5的类和继承-数组相关[是否修改源]-this指向相关[聊懵了,还提醒了this谁调用指向谁这些,涉及环境的this场景等]-原型链和相关应用-节流和防抖-数据类型判断-直接说了Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()和type和instanceof的弊端没再过多追问-对技术方面的指导迦智科技:-机器人制造业,主要倾向是数字孪生,Threejs有经验的可以冲一下一面:主要是项目和学习规划,hooks二面:主要是React底层,本来不想说fiber(准备不多),死局进入fiber架构fiber:只说了是数据结构,和切片渲染这些,还有常规帧16.6ms渲染这些。-worker的使用管理这些-节流和防抖-文件处理-indexDb和localStorage的问题-跨域
点赞 评论 收藏
分享
/feed/main/detail/028b8b9610e54fcea82deba7a067e079/discuss/841682498261090304/discuss/842011672268009472/feed/main/detail/d8949fb8c0404da0a52fae1529936155
01-16 14:47
已编辑
宁波诺丁汉大学 Web前端
小红书日常实习前端一面面经
发发面经积好运感觉这一次面试涵盖了前端大部分的八股了实习期间主要做了哪些事情?你是如何与产品和后端对接的?你在项目中主要使用 Vue 3 + TypeScript,那你觉得 Vue 开发中的“最佳实践”是什么?你刚刚也有提到“业务组件设计”,那你总结的组件拆分原则是什么?如果一个组件内部代码超过 200 行甚至上千行,但全是内部逻辑,是否还应该拆分?你怎么判断?你在 Vue 中是否会把组件拆得很细?拆分的边界在哪里?监控主要上报哪些类型的数据?是性能指标、错误日志,还是业务行为?具体监控了哪些性能指标?你是否了解 unhandledrejection 事件?知道如何监听 Promise 异常吗?如果让你自己实现一个前端的错误监控,你会怎么做?你提到做过性能优化,具体是从哪些方向入手的?你说有些页面内存占用高达 1.2GB,是怎么发现和定位内存泄漏的?你排查出的主要内存泄漏原因有哪些?你觉得常见的内存泄露都是什么原因导致的?除了你们项目中的问题,你还了解前端常见的其他内存泄漏场景吗?你是如何判断“合适的时机”去清理缓存的?你说对 TypeScript 比较熟练,那了解泛型(Generics)和工具类型(Utility Types)吗?在腾讯的项目中,团队是否强制使用泛型?你们常用哪些工具类型?你用过 Pick、Omit、Partial、Record 工具类型吗?有没有自定义过高级类型?你了解“依赖注入”这个概念吗?你在校内项目中用 WebSocket 替代了长轮询,为什么做这个技术选型?你是如何实现断线重连机制的?断线期间丢失的数据,是如何同步回来的?是通过记录断开时间戳,让后端返回这段时间内的增量数据吗?你能解释一下 JavaScript 的事件循环(Event Loop)吗?宏任务(Macro Task)和微任务(Micro Task)的执行顺序是怎样的?比如 setTimeout、Promise.then、queueMicrotask 的执行先后?UI 渲染发生在事件循环的哪个阶段?是在宏任务之后吗?渲染会阻塞 JS 主线程吗?或者说,JS 执行会阻塞渲染吗?你知道 Promise.all 和 Promise.allSettled 的区别吗?请手写实现一个 Promise.allSettled 方法。需要处理所有 Promise 的 settled 状态(fulfilled / rejected)返回格式是否符合规范?你刚才代码里用了 fulfilled 和 rejected 字段,这是参考了什么规范?(暗示 Promise A+ 或 ES 规范)你了解 Promise A+ 规范吗?感觉问得比较多和杂,我基础也确实不算很好,有不少都没答上。甚至没有考我算法题
实习与准备秋招该如何平衡
点赞 评论 收藏
分享
/feed/main/detail/521fbf77aec242ffbc94a1e82b417b74
27前端鼠鼠字节一面
已凉凉 答得最烂的一集 只答上一半1. 自我介绍2. 考了一个 this指针 箭头函数 函数作用域的引用```jsa = function(){return {b:function (){console.log(this)},c:()=>{console.log(this)}}}d = a.call({})console.log(d.b(),d.c())```3. 依旧代码输出 let var 块级作用域```js//第一个let x = 'hello'(function(){concole.log(x)var x = '111'})()//第二个var x = 'hello'(function(){console.log(x)let x = '111'})```4. 依旧代码输出 考了一个事件循环```jslet wait = (ms) => {return new Promise(resolve => {setTimeout(() => {resolve()console.log(1)}, ms)console.log(0)})}wait(0).then(()=>{console.log(6)})Promise.resolve().then(() => {console.log(2)}).then(() => {console.log(3)})Promise.resolve().then(() => {console.log(4)})console.log(5)```5. 讲讲移动端适配不同屏幕有哪些常见方案? 用过哪些? 每种方案都有哪些缺陷? 应该怎么解决6. 讲讲常见的header字段? 都是用来干嘛的? 在那些场景会用到?7. 讲讲数组有哪些常见的api 都有什么用 哪些会修改原数组哪些不会修改原数组?8. 算法题 考了不同路径 当时犯蠢了用递归做的 没写出来
查看8道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/408937e6772a4d27bc1f0eaf6ace2dd5/discuss/841416493936934912/feed/main/detail/cb4ac461ec414db8be61986f87e04ccf/discuss/842004721798742016
01-15 17:19
已编辑
桂林电子科技大学 Web前端
点赞 评论 收藏
分享
/feed/main/detail/9eee33155bcc4450bb96bb3b90939f4b
01-15 14:38
已编辑
山东科技大学 前端工程师
27届前端磐松一面
查看12道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/4e9f124f40be4a319d84e84a2ea3c05f/discuss/841052603608731648/feed/main/detail/e47975ca0b1f4073b4148a6db3148b30/discuss/841034460119199744/feed/main/detail/4d92d27c3bf34eef8f895aadbafbebcd
点赞 评论 收藏
分享
/discuss/840700355296931840/feed/main/detail/edc4bd2fadb74b6ca6c09ff2bede82c4/discuss/840611457279520768
玩命加载中
写面经
发动态
发动态
发帖子
写文章

全站热榜

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