《前端面经》专题

时长：57min base：深圳 1、Vue和React的优劣对比 2、Vue2和Vue3的区别 3、Echarts图表如何实现 4、谈下对canvas的了解 5、SVG数据类型 6、为什么选择vite 7、webpack和vite热更新原理 8、服务端主动向客户端推送的网络协议 9、websocket底层 10、websocket和http的区别 11、如何实现“你画我猜”（类似于屏幕共享） 1

35分钟 第一次面base杭州的公司，面试官居然跟我说2个hc，绷不住了 最有成就感的项目，遇到了什么问题，收获 vue vs react，区别和共同点，提到了redux，面试官问想过redux为什么要返回新对象，不能直接修改吗（我就说可能是设计思想，然后面试官说vue也有这种数据不可变的地方，我也晕了） 如何看待两个框架性能的比较，你对框架的看法，框架诞生的意义 开发时你的心情 开发有没有遇到看

你作为项目管理怎么做 前端在合作的时候要注意哪些 scoped flex布局场景 懒加载 一题手撕（开始只写出来了输入有限个参数的，墨迹了好长时间才做出来） 都是往底层怎么实现问，本小菜鸟根本不知道只能凭感觉说 面试官很好，但我太菜了感觉凉了

又金九银十了，把今年的面试记录翻了翻，发现还不少，趁着这个机会总结一下 这是24年春季招聘的面试题 面试题目 1、dispaly设置none会引起什么，渲染的时候，dom树和渲染树是一一对应的么 2、手写几种元素水平垂直居中方法 3、transform相较于margin的好处 4、position定位 5、移动端适配 6、vw、vh、rem、em有什么区别 7、手写准确判断数据类型方法以及返回的示

一面 hr面，基本就是聊天，问一些未来规划，为什么选择前端，如何学习前端，学校经历，实习和在学校学习的区别，工作中遇到的问题，如何解决之类的。 二面 看代码说结果，for循环中使用setTimeout，如何输出正确结果。 js数组常用方法，shift功能，slice和splice区别。 如何判断变量是否是数组。 XMLHttpRequest发送请求步骤。 canvas(没用过)。 如何解决跨域。

🤔 笔试感受 商汤和我以前面试的公司角度不是很一样，他两次面试都会让你打开项目演示给他看，然后看到感兴趣的功能就让你说说你是怎么实现的。然后在基础上发散相关的内容，例如你为什么这么设计，考虑过怎么优化么，vue在这个地方有其他写法么。 👥 面试题目 算法题： 1.全排列，2.最长和的子串，3.合并两个有序数组 🕒 岗位/面试时间 6-7一面 6-12二面 6-20oc

又被捞了 1.自我介绍 2.vue双向绑定原理 3.http https 区别 4.跨域 解决方案 5.图片懒加载如何实现 6.节流防抖 应用场景 7.手写节流 8.闭包 9.看代码说输出 10.promise 以及它的api 11.事件循环 12.看代码说事件循环的输出，略紧张有个点歪打正着答对了 13.axios封装 14.手撕全排列，直接回溯 反问 大概记得这些

面试官真的很不错，有在交流的感觉，收获还是很大的，分享出来共同进步。 记一下能记住的，全程大概45分钟 * 你对虚拟dom是怎么理解的 * 服务端渲染和客户端渲染 改变this指向的方法 *看输出，面试官给我讲解了 class Parent { getName (){ console.log(`Parent:${this.name}`); } } class Child ext

自我介绍 vue组件通信方式 react中有哪些hooks react中hooks有什么规则 前端性能优化 代码题：找到第一个只出现一次的字符 js浅拷贝深拷贝 js缓存 跨域 代码题：封装一个轮播图组件

上来面试官就说先做一道算法题，我的心就凉了，临时抱佛脚了准备了两天算法题，想了十分钟面试官看我实在做不出来就让我把思路说一下，我就说先进行排序，把正数和负数分开……卡壳（这个时候感觉面试已经完蛋了） 面试官说这个思路是正确的，然后又让我做了一道代码题，没错还是防抖（因为我简历上写的防抖）。 后面就是自我介绍+介绍项目，我共享屏幕给面试官看了其中一个项目，他问了我一些项目的东西还有八股文。 总结一下

#美团##美团面试##前端# 1.自我介绍 2.为什么学前端 3.什么是vue3 4.响应式原理在vue3里怎么实现的 5.虚拟dom 6.diff算法 7.虚拟dom树的构建流程 8.vue3的传参方式 （细究，场景题） 9.代码输出题 try -catch 10.代码输出题 JSON.stringify 11.手撕深拷贝 12.反问 一个小时 ，有不少细节回答的不是很好 ，面试官很耐心，会引导

等结果的时候把面经发了攒人品 米爹让我过吧求你🙏一共面了1h，复盘回看感觉在给自己上刑。。 自我介绍 js常见数据类型 null和undefined的区别 js作用域 对面向对象的理解（打了我个措手不及。。问了我面向对象的特性，答继承多态封装，只记得这六个字 什么是继承多态封装（懵，完全组织不起来语言，勉强解释了继承， js中创建类的方式（又懵，说了声明对象，构造函数，他补充class） 深拷贝

面试官人很好，很客气 介绍一下你最近的前端经历 行内元素如何垂直居中 水平居中 设置div元素的内容（innerhtml innertext） innerhtml和appendchild哪个会快一点 重绘和回流 哪些操作会导致回流 设置dom的width会导致回流吗 promise你知道哪些API 为什么我们需要promise，promise解决了什么问题 手写题，promise队列#软件开发笔面

vue3的特点，相对于vue2: https://vue3js.cn/interview/vue/vue3_vue2.html vue组件间通信 状态管理：pinia和vuex的区别https://github.com/haizlin/fe-interview/issues/5413 白屏优化（优化页面加载性能） 图片懒加载 虚拟滚动 路由懒加载vite vite和webpack 手写一些题目：事

时间：10.09 平台：美团到家 1. 自我介绍 2. 拷打实习和项目, 项目实习难点，有没有做优化 3. 从输入URL到页面展示发生了什么 4. HTTP状态码，3xx,4xx,5xx， 5. 怎么理解HTTP的无状态 6. 指针和引用的区别 7. 进程和线程的区别 8. 进程的通信方式 9. 堆和栈的区别，在数据结构方面(比如和队列)有什么不同 10. 什么是内存泄漏？如何检测和防止 11.