《前端面试[话题]》专题

本来约的昨天结果面试官请假了约到今天了 我和面试官都是卡着点进来的😂 看面试官发型，嗯，技术面 上来一个自我介绍 然后问问什么选择学了前端 问英语水平，然后扯到我们公司主要面向国外 所以英语水平建议再提高提高，开始滔滔不绝讲了几分钟 然后开始全程拷问简历 先问比赛项目，结合着问了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.回到

回馈牛油攒人品。 全程四五十分钟，体验是早有耳闻的非常非常好。面试官人很和善会先简单闲聊然后过渡到前端，简直是我这种紧张星人的救星。然后问问题也有简单反馈。 唯一不好的就是写第一题时候飞书那个IDE跑不动不知道咋回事我都开始怀疑我数组api都记错了心态爆炸。 闲聊（但是也混有一些因人而异的小问题） 手撕：删除数组特定索引的元素（简单吧，就是太简单又一直执行失败让我心态爆炸） 手撕：写一个函数将一个

挂了之后被别的部门捞了，这次答得不好，防抖想了半天还需要面试官提示，提的几个问题都没答出来，但是面试官人很好，没压力我 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

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.行内元素和块

一面 自我介绍 项目难点 vue组件通信 vuex和eventBus的区别，使用场景 持久化储存 垂直居中 flex：1 二次封装axios promise async/await promise.all 如何实现拖动一个元素（mousemove） 前端优化手段 hr面 自我介绍 自己的亮点 优缺点 如何克服 和学历高的人有什么优势 到岗时间

一面 说一下你理解的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. 有没有学习设计模