《前端面经》专题

双非本好惨，简历几乎全挂，几千年才有一个面试机会，写写面经积点好运 网络很卡，一个多小时网络就卡了快20分钟，根本没问几个问题，回答的磕磕绊绊的，不过面试官人很好，居然给我过了 一面： 1、自我介绍 2、问了点项目啥的，怎么学的 3、vue2、vue3、react16.8前后区别 4、koa中间件 5、webpack了解过吗，打包流程，loader、plugin以及区别 6、pnpm了解过吗，为什

前端最吸引你的地方的的是什么 你认为前端有哪些地方比后端难 浏览器事件执行机制，浏览器是怎么实现这个机制的 基本数据类型有哪些，复杂数据类型有哪些 js继承怎么实现的，除了原型链继承还有哪些，原型链和类继承的区别是什么 线程和进程的区别是什么，为什么游览器使用单线程 请求拦截器和响应拦截器是一种什么样的设计模式 你知道axios底层是怎么实现的吗 发出请求到收到回包整个浏览器执行了什么或者是网络层

先自我介绍项目 1.问项目的成长 难点 2.webpack的构建原理 3.如何优化webpack 4.webpack和vite相比，vite有哪些优势 5.因为提到了引擎，问我了解哪些引擎(我不知道啊呜呜呜) 6.浏览器拿到html树到渲染是什么样的 7.v8垃圾回收处理机制 8.跨域问题怎么产生，如何解决 9.了解过跨栈吗(也没答出来) 10.http1.1 http2和http3的优缺点 11

1.实习经历拷打，业务痛点，为什么计划关联人，而不是人关联计划，返给后端的是什么.... 2.xss攻击 3.大文件上传 4.rem适配怎么实现，libflexilble作用 5fcp,lcp怎么计算 6接触过什么后端语言 7为什么选前端，学习路径，看了什么书，看书有什么收获 8vue2.3区别，proxy的缺点，兼容性不好，如何兼容低版本浏览器，我说用babel转成es5，反问你确定真的可以吗

1. 问了一些项目相关的 2. 强制缓存 协商缓存 （启发式缓存？） 3. react解决了原生的什么问题 4. hooks是怎么实现的 5. async await的原理 6. 数组转换成树，写出来不太对，让换了一道，写了数组扁平化 面之前看见说kpi就随便面了下，结果约二面了...

#24届软开秋招面试经验大赏# 投递一个半月，我以为已经凉凉，结果友子又给我捞起来了 面试官很专业，人也很好，一面没问项目，基本都是八股 1、js做数据循环用了哪些方法，如何实现的，这些方法哪种性能最好，哪种最不好 （我答的for最好，for...of最不好，也不知道对不对） 2、http2和http1.1的区别 3、axios库的原理 4、设计一个sdk实现前端发送的请求前加一个header，无

怎么牛客上美团二面面经这么少 美团二面 自我介绍 介绍一下你实习的项目 难点亮点(没想到) 直接进入基础部分，Vue2的数据响应式 你提到收集依赖，那template中的数据如何建立响应式机制？ 你知道编译使用的是什么库吗？ 渲染器如何工作的？ vue2的diff算法 模块化历史了解多少？ 你来设计模块化，如何解决模块相互引用的问题？ nodejs的事件循环和浏览器的有何不同 看代码说事件循环过程

base 北京 时长：54min 总体感受：面试官非常和蔼，交流很愉快，面试很愉快，唯一的不足之处就是我太菜了，基础不扎实 第一次面大厂，感觉面试官经常提出一些有深度的思考，我认为这也是我们新手自学过程中应该掌握的一个技能，自己去提问自己，自己去挖掘自己不会的地方，不要得过且过，不要想着混过去（菜），要自己拷打自己，自己打磨自己 1.自我介绍 2.介绍第一个项目 3.第一个项目提问 - 处理功能哪

时常：42分钟 总结：主要看简历提问题 1. 自我介绍 2. Vue2怎么实现服务端渲染（简历里写了） --> 服务端渲染打包后的JSON文件中的内容 --> 服务端怎么跑node --> pm2是什么 3. 代码审查主要审查了什么内容 （简历里写了） 4. 错误监控组件是怎么快速定位bug的 (简历里写了) --> 如何更精准定位到某一行代码的异常报错 5. Vue2和Vue3的区别 --> V

分a，b面 聊项目，用到场景 1.两个盒子，内盒子如何垂直水平居中（ab面都有，子绝父相） 2.给具有target属性的a标签设置样式（答的选属性［targetName］，好像错了） 3.em和rem的区别（根元素） 4.如何设置和展示小于12px的元素如6px（Transfrom：scale（0.5）） 5.数组去重（ab面都有，用setter自动去重，答的map复杂了） 6.原声数组的方法 7

上一个面试官说有三次面试，两次技术，一次hr,今晚二面技术面试官，面了大约一个多小时，从我初学 前端到我项目开发，一次次问我的细节，以及个人的解决问题方式，经过一个小时的聊天后，最后看我写代码，写的是函数缓存，当时想的是闭包，写的也是bug百出，面试官一次次的提醒，终于是完成了一个像样的的函数缓存了。最后也聊的挺愉快的，也询问了下一次面试时候，结果告知在他这里通过就行了，但也不保证ok,尽快通知我

1.看代码说输出 var name = 'outer' function K() { let name = 'K' let innerObj = { print: function () { console.log(name) console.log(this.name) }, } return innerObj } let o = K()

面试官很好，非常亲切，目前遇到的最好的面试官，但是有点奇怪为啥只考三道业务题，最后也忘记问了 1. 用 react 实现一个列表，可以单选，多选和取消选择 2. 实现图片异步加载函数 3 实现虚拟列表（本来是一个关于 HOC 的题目，但听说我不知道HOC 就换了一道） 面试官给我评价就是，“vue” 风有点严重（其实 react 也写过很多，最近手生忘咋写了），然后也说了句没想到我三道题这么快完成

自我介绍 cookie、localstorage、sessionstorage区别与用途 跨域以及解决方案 事件捕获与事件冒泡 浏览器事件循环 js判断一个变量是否为数组 http状态码 map与weakmap css伪类与伪元素的区别 css如何隐藏一个元素 call、apply、bind区别，出了一道call相关的看代码说输出的题 防抖与节流，手写防抖与节流代码，节流代码使用时间戳来写 看代码

1、变量提升，let，const，var，暂时性死区 2、函数是否存在变量提升？ 3、react组件间通信 4、防抖，节流 5、浏览器跨域，跨域产生的原因，怎么解决？ 6、浏览器存储，cookie，sessionstorage，localstorage的区别和应用场景？ 7、［］==！［］输出？ 8、其他几道输出题 9、水平垂直居中方法 10、判断数据类型的方法？instanceof和typeof