《前端面经》专题

前言：工作 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

1.面试官介绍 2.自我介绍 3.为什么学习前端 4.介绍一下项目 5.扣项目细节 6.考JS的输出（有一些卡住的地方面试官很耐心的引导） 7.v-if v-show 区别 8.vue2跟vue3的区别 9.编程题：手写数组扁平化 10.反问 面试官超好 问的也不难主要是抠项目 #前端##面经##美团#

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

双非二本 base西安 网络安全技术中心 发个面经攒攒人品，希望给二面 要求我开摄像头（50min） 1.自我介绍 2.为什么学前端，怎么学习的前端，学习了多久 3.项目难点 4.座位预约两个人同时选择一个座位，有没有做并发处理（项目） 5.如果没预约就签到怎么处理 6.聊天记录为什么存本地（项目），没考虑到本地存储大小限制 7.es6新特性 8.let、const、var的区别 9.行内元素和块

一面 说一下你理解的div 说一下flex 说一下权重，看代码（父子和子的权重问题） 说一下promise，手写并发控制 怎么判断数组 typeof和instanceof的区别 写代码，分割url 二面 场景题react 手写自定义hook，实现登陆拦截 手写千分位格式化 三面 扫一扫登陆流程 react通信，单项数据流 看代码，变量问题，pomise问题 写代码，数组里的0移到最后 大部分都忘记

发面经积攒好运，希望offer早点来 一面整体比较基础，面试官也不错。 1.js数据类型 2.怎么判断数据类型，基于原型链判断的方式 3.深拷贝和浅拷贝，手写深拷贝 4.js声明变量的方式，区别 5.flex布局，布局场景题 6.盒模型 7.防抖和节流，防抖 8.网络状态码 9.tcp三次握手，四次挥手 10.解决跨域 11.vue常用生命周期 12.git常用命令 13.反问：部门业务，个人提升

1. 介绍一下自己 2. 做过的项目介绍 3. 竞赛介绍，负责的模块 4. ES6中var let const区别 5. ES6中的新特性（api）结构-针对的是谁 6. asinc和await有什么区别 7. 阻塞 8. cokkie localstorage sessionstorage三者的区别 9. js有什么基础数据类型 10. 浏览器发送url到渲染的整个流程 11. 有没有学习设计模