1.自我介绍，项目亮点2.react常用的hook，memo的作用3.如何做点击列表的某一项高亮显示4.es6新特性有哪些，map和对象的区别，promise的方法5.项目中有没有遇到过性能方面问题。首屏加载时间优化，从哪些角度考虑6.通过哪些途径学习前端，最近看到的有什么技术7.写一个深拷贝的方法，如何解决循环引用。

1h20min一个很好的小姐姐面试官1.做过的项目中最有技术挑战的问题2.最近在学什么3.html中引入script脚本的方式有哪些4.模块化的理解5.如何修改组件库的默认样式，如何让一个样式覆盖!imporant6.有些不支持ts的库如何解决报错7.节流和防抖，手写节流8.用过的git指令，git rebase是做什么的，如何回退上一次修改，git reset, git revert9.git merge是以什么顺序合并的10.讲讲cookie11.网络攻击12.mysql和MongoDB的区别13.后端如何防范sql注入14.watch的原理15.vue生命周期16.写一个一键全选的下拉菜...

1.自我介绍，有没有服务端语言的开发经验，为什么选择前端2.介绍项目，聊项目，项目难点，最大的收获，项目开发流程3.vue2和vue3的区别4.有没有封装过组件库，了解组件库是怎么设计的5.前端工程化，用过vite或者webpack哪些配置6.看过哪些东西的源码7.关注哪些前端的新知识8.平时学习的频率和深度9.常见的数据结构，常见的算法，常用的设计模式有哪些10.算法，最小路径和

1.自我介绍2.介绍项目，印象深刻的事，项目难点3.websocket是以字节流还是二进制流传输的，默认端口是什么4.Tailwind css使用场景，为什么要用这个5.css模块化6.谈到工程化，es6的时候是如何解决全局变量污染的问题的7.require和import的区别，那个是值复制哪个是值引用8.npm，pnpm，yarn的区别9.vite为什么比webpack快10.如何实现点击按钮让侧边栏显示和隐藏的效果11.写题，零移动

40min1.自我介绍2.事件流，如何指定在冒泡阶段还是捕获阶段3.事件委托，如何对不同的事件做委托4.bfc，实现，使用场景5.css实现动画，js实现动画有哪些方式6.回流和重绘7.看一个图片，说说怎么如何实现布局，大概就是flex+设置两行文本设置换行，溢出隐藏用省略号8.flex：1是哪些属性的简写9.范型定义和范型约束，使用场景10.浏览器缓存，协商缓存有哪些字段代表什么意思11.数组拍平12.vite和webpack的区别，打包产物是什么样子

50min秒挂感觉有点像kpi，和其他佬面经的难度差别有点太大1.讲讲事件循环2.讲讲跨域3.webpack和vite的区别4.http缓存5.原型链6.节流防抖7.xss和csrf8.算法，大数相加全是八股，没有任何追问，感觉难度不是很对，很显然面完直接挂

1h 1.自我介绍。平时怎么学的前端，上一段实习做的什么2.Vue和react核心的区别是什么3.useMemo和useCallback的使用场景4.Vue2和vue3响应式实现上的区别5.Proxy在使用上有什么限制，兼容性如何6.Nexttick的使用场景和底层实现7.事件循环8.router两种路由模式的区别9.介绍一下websocket，tcp和udp，了解过udp的一些上层协议吗10.异步组件优化首屏是怎么实现的11.Vite和webpack本质上有什么区别12.Plugin和loader分别是做什么用的，用过哪些plugin，nginx配置页面的路由要配置哪些东西13.服务端渲染的有点是什么，做过什么项目14.了解过前后端同构吗15.Ts泛型的概念，ts编译为浏览器可执行的文件需要做什么样的事16.在一个项目中使用ts文件，使用webpack打包。要使用什么样的配置才能使用ts，有哪些方式17.Babel中profile代码垫片的概念。Babel的工作原理，处理方式18.数据库，group by的作用，mysql和mongodb的区别19.实现Event bus

面试官：看了你的简历，了解到你有两年半的送外卖经验，可以简单说下平时是怎么送外卖的吗？我：我首先在平台上接单，然后到店里取餐，取到餐后骑电动车到顾客留下的地址，再通知顾客取餐。面试官：你们也用电动车来配送啊，那能说一下电动车的运行原理吗？我：电动车的工作原理是通过锂电池释放存储的电能，经过电控系统将电能转化为电动机的机械能，然后电动机驱动电动车的机械结构，从而推动电动车行驶。面试官：锂电池是怎么把化学能转化为电能的呢？锂电池化学成分以及反应方程式有了解过吗？我：这个不太了解。面试官：没关系，平时有空应该多研究电动车的底层实现，这样才能提升送外卖水平。对了，你们平时开什么品牌的电动车？我：我们平时用雅迪电动车，还有深远电动车。面试官：我们团队用的是小刀电动车，看来我们的技术栈不太匹配，这次面试就到这里吧，我们过两天会通知您面试结果。

1.自我介绍，为什么选择前端2.写一道题把arr = [ [1, 2, 3, 4, 5], [6, 7, 8, 9, 10],  [11, 12, 13, 14, 15], [16, 17, 18, 19, 20],]转换成arr = [1, 2, 3, 4, 5, 10, 15, 20, 19, 18, 17, 16, 11, 6, 7, 8, 9, 14, 13, 12];3.vue和react区别4.实习做了什么事，有什么成长

复活赛，昨天突然被从池子里捞起来约面了1h20min，面一半就汗流浃背了1.自我介绍，在公司业务有做过服务端开发吗，用js还是tscss1.flex布局，实现左侧固定宽度，右侧自适应，如何高度铺满整个屏幕其他实现方法，浮动，grid2.实现垂直居中的弹窗js1.判断数据类型的方法，如何判断数据呢，如何判断是一个promise的异步函数2.模块化规范。comomjs和es6区别，运行时加载和静态加载有什么区别，两种具体的引入机制是什么3.在加载某个路由的时候，如何知道，发现要加载这个chunk片段的，打包产物是如何寻址的，寻找依赖关系的4.异步。如何实现依赖多个异步返回的业务场景。.all .r...

1.自我介绍2.vue3的响应式原理3.防抖，节流，应用场景4.js异步的实现方式5.promise的方法，any和race的区别6.什么是回调函数7.for of和for in的使用场景8.map和普通对象的区别9.事件循环10keep-alive是如何保持组件状态的11.pinia的数据是如何动态更新的。vuex和pinia有什么不同12.面试官共享屏幕看几个代码说输出（错了好多）还记得其中一些 for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); }, 1000); } let obj = { a:...

1.自我介绍，为什么选择前端2.前两段实习做的什么，学到哪些东西，有什么成长3.敲打项目，问websocket4.跨域，解决5.get，post等请求的区别6.输入url到渲染的过程7.http建立连接和释放链接的过程，为什么需要四次挥手8.var，let，const区别9.==和===区别，unll和undefined10.深拷贝和浅拷贝11.盒模型，怪异盒模型12.px,em,rem13.cookie,localstorage,sessionStorage,区别14.v-show和v-if区别15.computed和watch区别16.虚拟dom，diff算法17.闭包18.发现网页加载慢...

创建闭包的方法1.函数返回函数2.函数作为参数传入一个函数，在这个函数内部调用3.立即执行函数(function() { var innerVar = 'World'; console.log(innerVar); // 内部函数可以访问 innerVar，形成闭包 })();4.对象的方法var obj = { outerVar: 'Goodbye', innerFunction: function() { console.log(this.outerVar); // 内部函数可以访问对象的属性 } }; obj.innerFunction(); // 这里形成了闭包，内部函数可以访问外部函...

1.项目难点2.Position的属性3.闭包4.Vue2和vue3的区别5.vue和react的区别6..跨域原因和解决7.Url请求发生了什么8.三数字和好像还有几个八股忘了，都是很常规的八股