《前端工程师精选面经合集》专题

1、自我介绍 2、项目背景介绍，承担的工作 3、用户输入url到页面最终渲染经历的过程，这些过程中有哪些可以做优化 4、请求头和响应头有哪些，last-modified、if-modified-since 5、浏览器多进程，相互之间是怎么进行工作的 6、算法题：字符串匹配 反问：公司用的是Vue2，Vue3，toB，toC业务都有涉及，分很多团队

面试官人很好，你不会的还会引导你，可惜我人太菜 问了挺多，尽可能回忆 1.promise解决了什么问题，如何链式调用，链式调用返回的是什么对象 2.页面刷新Vuex数据丢失如何解决 3.Vue双向数据绑定如何实现 4.Vue3和Vue2diff算法有什么区别 5.Vue组件之间通信方式 6.防抖和节流，以及使用场景 7.元素水平垂直居中方式 8.重绘和重排 9.闭包以及js垃圾回收机制（这个不会）

#软件开发笔面经# 🏢美团 核心本地商业 到店研发平台 🕙2024-08-28 1h20min 📄面试题目 1. 自我介绍 2. 实习介绍 3. 前端工程化介绍、CI/CD 搭建流程、阿里的基建如何？ 4. 项目使用 Taro 的原因？作为前端负责人如何做好技术选型？ 5. 虚拟列表、瀑布流性能优化 6. 性能指标 7. 浏览器垃圾回收 8. 前端理解、学习方式、未来规划 9. React

#软件开发笔面经# 🏢字节跳动 部门保密 🕙2024-08-30 50min 📄面试题目 1. 自我介绍 2. 项目介绍 3. 实习介绍 4. AST 理解 5. Taro 编译原理 6. Taro 1- 4 各个版本区别对比 7. 性能指标 8. JS 模块化理解 9. CommonJS、ES 区别及实现原理 10. Webpack 理解 11. Loader、Plugin 区别 12.

发发牛客积攒人品好运~ webpack构建流程 loader和plugin有什么区别 用过哪些loader和plugin 怎么将es6语法转成es5 webpack如何配置两个或多个入口文件 怎么对axios进行二次封装的 管理系统中，每个用户都需要去注册吗？用户名是什么？如果这个用户用了别人的学生号进行注册会怎么样？ 怎么进行身份验证的 怎么实现权限管理的 如果普通用户在地址栏输入了管理员才能看

前言：工作 2 年，我写的不一定对，如有错误，望评论区大佬指正，共同成长 自我介绍 介绍完后，面试官深挖项目 5 分钟 项目中提到了性能优化，看的是哪个指标？ 答：首屏耗时，业界衡量首屏性能一般有FCP（First Contenful Paint）、LCP（Largest Contentful Paint），公司内部用的是体感耗时，指的是从打开页面到 dom 不再变化的耗时。 如果让你来做，你怎么

本来约的昨天结果面试官请假了约到今天了 我和面试官都是卡着点进来的😂 看面试官发型，嗯，技术面 上来一个自我介绍 然后问问什么选择学了前端 问英语水平，然后扯到我们公司主要面向国外 所以英语水平建议再提高提高，开始滔滔不绝讲了几分钟 然后开始全程拷问简历 先问比赛项目，结合着问了git 然后问我社团经历，社团经历我讲了些，然后面试官开始又滔滔不绝的讲，分享他的经历，讲了得有五六分钟 然后建议我做

项目相关，得好好练习说一遍。项目拓展出来的一些场景题，不太会 Vue的$set的相关八股 Promise 、async/await的相关八股 手写reduce函数 如果用户反馈很卡，你要怎么做，有什么指标 浏览器输入网址到网页显示过程 浏览器请求资源之后，资源的渲染过程，js执行顺序 vue 双向绑定的原理 平时怎么学习前端，项目中的难点，自己在哪方面技术比较关注 说说你封装的那个组件的思路 浏览

总体体验很好，团子永远这么暖，面试官笑眯眯的，有些答不上来的也不纠结，春天面暑期实习的时候就感觉团子的面试体验是最好的，我觉得他们内部肯定对面试官有培训，而且面完了一个小时就打电话约二面了，我爱团子😇。 一开始没让自我介绍，只让我介绍了我认为成熟度最高的一个项目，项目里用了 GSAP 的动画库，就从动画开始聊起了 你了解 GSAP 的动画是如何实现的吗 用 js 实现的动画，具体的不太清楚 还有

时间8.22 自我介绍 询问最近一段实习 面试官介绍部门是外卖技术部（10min） 问题/八股 1.小程序生命周期有哪些 2.对于一个小程序的页面来讲，什么时候会触发 onload，什么时候会触发 onshow 3.通过 switch Tab 这样去跳转，这个时候它触发的是什么生命周期 4.小程序的双向数据的绑定以及事件触发都是通过什么样的方式进行 5.微信小程序的父子组件之间要怎么通信 6.回到

挂了之后被别的部门捞了，这次答得不好，防抖想了半天还需要面试官提示，提的几个问题都没答出来，但是面试官人很好，没压力我 1 实现一个防抖 2 自己实现一个call函数 没写出来😭 3 有没有自己实现过Promise 没有😭 4 讲一讲事件循环 5 算法力扣14. 最长公共前缀

1 考察事件循环 2 考察闭包、作用域链、var变量提升 3 算法力扣1556千分位分隔符变种，包括正、负、小数 4 算法力扣200岛屿数量 反问 前端技术栈用的什么：React 前端团队会沉淀哪些类型的文档？

50min 1. csr 和 ssr 是什么，区别有啥 2. 了解什么 seo 的优化 3. 公司的组件库打包、开发阶段都是啥样的 4. React16 17 18 新功能 5. rollup、esbuil 和 vite 这些打包工具有啥区别 手撕： 1. React17 和 18 的 setState 输出题： ```js const [state, setState] = useState(0

线下面试，先填了个表，然后是几道笔试题，之后就是面试（后来得知面试官只比我大一届），最后hr问了些问题。 6.28 笔试题（15min） 1.flex实现垂直水平居中 2.js的隐式转换 3.es6解构 4.数组扁平化/数组拍平 5.this的输出题 6.let与var的循环输出 7.Promise的输出题 还有些很简单的就没写 面试 1.个人介绍 2.html最上面的几行是干什么的？ 3.css

聊了项目部分，你的鉴权部分是怎么做的？ 说了一下路由的前置守卫，拿token去后端鉴权，根据返回的权限码去管理这个用户能够访问到的页面，如果访问了超出权限的页面会被前置守卫拦截 但似乎面试官一直不满意我说的，一直说我想知道的是你是如何设计权限的，如何实现的balabala的，我实在不知道该怎么介绍了，后来我说实在不行我共享屏幕给你对着讲讲，面试官说不用了，就下一个问题了（所以究竟想听什么，我到现在