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

10月9号下午3点半投递，当天下午6点约面，效率杠杠的 本人之前拒面试是因为感觉很累，在摆烂了一段时间后，发现自己还是在泡池子，很不稳，继续投了几个简历 10.12 一面 #绿盟##秋招##前端##面经#

1、数据类型 2、堆栈的区别 3、垃圾回收机制 4、闭包中的变量何时销毁 5、如何实现深拷贝 6、手写深拷贝函数时如何判断数组还是对象 7、判断数据类型方法 8、父盒子宽高不固定，子盒子为正方形且始终为父盒子的一半 9、js的call方法 10、执行时怎么判断当前执行上下文 11、BFC 12、项目的性能优化 13、SSR具体如何实现 14、CDN是什么？有什么缺点 15、axios中如何主动取消

自我介绍 聊项目（聊难点，项目中某些部分的具体实现） 移动端如何设置根元素字体大小 问vue的双向绑定，vue2对数组如何实现双向绑定的 问如何手写instanceof 说一下闭包 如何实现图片的水平垂直居中 事件冒泡 说一下promise css中的层级上下文

一面： 自我介绍 项目亮点 实习期间学到了什么 数据类型 怎么判断是Null 怎么判断数组 浏览器为什么是单线程 web worker 布局有哪些 vue2和3区别 diff算法 vue的生命周期 浏览器关闭后，vue的生命周期 怎么解决跨域 手写： 输出什么 单行超出省略，多行超出省略 深度优先遍历 二面： 自我介绍 项目难点，拷打二十分钟 js defer和async区别 IOS七层模型 HT

一面 vue的生命周期 第一次渲染页面触发哪几个生命周期 created 和 mounted 的区别 插槽的使用场景 vue组件之间的通信 SPA应用 首屏优化 js的基础数据类型 基本数据类型和引用数据类型的存储 js的延迟加载的方式（defer 和 async 行内元素都有哪些？块级元素有哪些 css的引用方式 import 和 link 引用 css 的区别 手写：找到出现频率最高的字符 手

部门 到店事业群-平台技术部 8.28 美团一面 1、vue2和vue3有哪些区别 2、底层原理实现方式有什么区别 3、proxy如何实现代理 4、http和https区别 5、如何学习前端，学习路线 6、有遇到印象比较深刻的问题，权限控制是干什么的 7、详细介绍一下跨域的原因及解决方式 8、一道双链表求交点的算法（自行实现链表结构） 时间复杂度是多少、空间复杂度是多少。 undefine和nul

🕒 面试时间 10.31 四十多分钟 自我介绍 学前端多久了 介绍实习经历 JS隐式原型和显式原型，原型链 构造函数和类的最大区别，哪个范围更大 怎么浅拷贝对象和数组 []==[]的值 for和foreach的最大区别，foreach不能异步 console(1<2>3)的值，如果式子很长怎么函数解决，递归和非递归方法，可以用栈 CSS使子div和父div宽度一致，多种方式，calc webpa

1、打开编译器问项目 2、大文件上传、ts怎么使用、vue2使用过吗、怎么封装的请求/响应、token失效、父子组件（围绕项目） 3、扁平化数组（只写出大致代码，就被叫停了） 3、给出一个图片，问为啥这个打印图片高度只有0（提示从浏览器加载的角度，还是不会） 总体来说，主要是问项目，然后八股问的少，除了迟到二十多分钟，其余都还挺好...

一面 js基础，闭包、继承、类型判断之类的 vue响应式 vue更新的细粒度 vue生命周期 vue react对比 React fiber的协调过程（太久没看了 直接瞎说） 用过哪些hooks，有没有react项目开发经验 webpack有哪些作用，webpack构建的流程，写过webpack的loader或者plugin吗 如何理解副作用 手写：1.移动0 2. 千分位分割（会用正则吗，不会）

9.1 多图加载方案 在前端展示1000张图片时，如果一次性加载，可能会导致页面加载缓慢，用户体验下降。以下是一些可以应用的优化策略： 懒加载（Lazy Loading）：只有当图片进入或即将进入视口时，才加载图片。这可以减少初始页面加载的时间。在最新的HTML标准中，可以直接使用loading="lazy"属性。 <img data-src="image.jpg" alt="descripti

一面 拷打实习（平常只是调接口，用sdk并没有仔细思考其中的细节，这下被拷打了） 小流量实验 有没有了解过小流量平台是如何分配流量的，如果让你设计呢？ 埋点 埋点是如何上报的？是发送一个请求更快还是请求一个资源更快？为什么？ sdk应该有什么功能收集信息？ 埋点本身的底层原理，如果埋点很多会影响页面性能吗？如何尽可能的减少埋点的影响？ 浏览器里面同时能发送多少个http请求？ http1和http

一面（8.29 1h45min） 八股 实习经历 js基础，闭包，原型，事件循环xxx webpack、vite区别，模块化方案，用过哪些插件，写过哪些插件 vue2、vue3区别，nextTick原理 缓存，service worker，延伸至移动端弱网环境下如何优化，具体没听懂 设计一个通用缓存方案（具体忘了，牛客上应该有朋友记录过） 计网八股 手写 HardMan promise并发 对象的

一面：1.简历项目 2. 考察数组的基本方法， 哪些方法会改动原数组哪些不会 3. 一道递归遍历对象手撕题 function fn(tree, name){  // 请在这里实现     if(tree.name == name){         return tree;     }     let ans = null;     if(tree.children && tree.childr

2023年最后一波日常实习面经，冲鸭🦆 ~ 一面 时长：25min 开放题 介绍一个你的项目 ✅ 为什么要搞开源，你的组件库发展方向，跟市面上的比有啥优势 ✅ 场景题 十万个点线的图，在前端如何实现，有什么思路 ✅ 说了下类似虚拟滚动的方案，类似高德地图的方案 cdn的图片为什么来自不同的域名 ❌ 后来知道是浏览器对同源请求有上限 计网 HTTP 1~2 的区别 ✅ #我的实习求职记录#

一面（1h20min） 自我介绍 项目相关 深浅拷贝理解？ 手写 事件循环 输出题 节流防抖？ 场景 手写 SSR相关 react18有哪些新特性 hook能不能在判断条件中执行，为什么？ 副作用函数？ 和普通event有什么区别 vue响应式原理 手写了reactive diff原理 双向链表 二面（1h） 实习相关 埋点咋做的 我说手动加点位 面试官笑了。。。 SSR相关 同构问题 打包优化