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

手撕快速排序（忘记写递归了） 写一个防抖节流js （也不会😭）  vue兄弟之间组件通信 bus是怎么实现的 css解析是在什么时候 css实现垂直居中三个方法 css画一条线像素为0.5 用js实现了项目的哪些功能 js模块化操作（完全不懂 问inpot inquiry不知道什么英文不会拼） js同步异步任务 做一道题 uniapp实现什么功能 uniapp多端复用怎么实现 条件编译会让打包体

2024.02.26 一面 谈谈两个印象深刻的项目 css隐藏元素的几种方式 通过link引入样式和import有什么区别 跨域是如何产生的，该如何解决跨域 vue缓存数据和组件的方式 面试官只问了几个问题，相对简单。

一面 time：1.23 时长：1h 自我介绍 展开说一下大小文件上传和下载你是怎么实现的（吟唱开始） 你现在是大三，那你下学期没课吗，可以实习这么久吗（开始忽悠） HTML行块元素以及它们之间有什么区别 position属性有哪些 水平垂直居中方法 隐藏元素的方法 map和forEach的区别 同步执行和异步执行有什么区别 promise有哪几种状态 promise all 和 promise

一面 时长：57min 岗位：三维前端开发 1. 面试官介绍 2. 自我介绍 3. 实习情况问题 4. URL输入到渲染过程 5. 缓存策略（如何配置） 6. http发展历程 7. 详细说一下多路复用 8. 为什么setTimeout有时候不准确 9. 场景题：实现一个准确的定时器 10. requestAnimationFrame执行机制 11. 前端路由原理 12. JS原生API如何监听路

时间线: 1.18 一面 1.19 二面 1.22 hr面 1.23 offer get！ 真是太有缘分了，本来没有在找实习了，但被一位非常好的hr小姐姐给海底捞捞了起来，全程交流非常友好！然后开始了一次流程极快的面试，超级感谢这位hr姐姐😍 那么，记录一下自己的第一次面试 一面: (1h 20min) 1. 项目拷打 1.1 介绍自己的项目 1.2 选择一个最难点进行介绍 1.3 如何优化解决

一面 时长：50min 1、自我介绍 2、手写题：合并两个升序数组 3、ES6变量声明方式 4、const声明对象赋值问题 5、对象与对象属性的存储问题 6、为什么要涉及堆内存与栈内存 7、垃圾回收与它们的关系 8、JS高阶函数 9、React高阶组件 10、BFC概念及触发方式 11、浏览器事件循环机制 12、浏览器跨域原理与解决方式 13、cookie与session的区别 14、手写题：尽可

浏览器中输入域名经历了哪些阶段？ url解析出哪些东西？是唯一的吗？ 这其中的前端缓存是在哪个阶段？（不会） 如何判断浏览器是否有缓存？ 数组去重的方法有哪些？（set, filter） 数组扁平化（flat）？业务中基于什么场景用过？如果是多维数组的话？（答：for循环） 实现深拷贝的方式 为什么要用深拷贝？ 事件循环机制 ES module和common JS的区别 react 18 新特性

7.25 60min （最近身体有点不舒服一直忘了整理...） 自我介绍 项目踩过的坑或者做的比较好的优化的点 如何动态地将HTML插入页面中（v-html），这样做有什么缺点（✔️） 前端安全问题（大脑短路了只想起来XSS），XSS的种类，如果想实现这些XSS攻击要怎么做，如何防御（➖） Vue的nextTick实现原理（✖️），使用场景（✔️） 你知道哪些Vue的实现原理（✔️） 屏幕自适应的

1.对vue的理解 说了个Object.defineProperty 2.如何实现一个v-model的自定义组件 不知道 面试官提示的 value+change事件 3.父子组件、兄弟组件、祖先组件通信 只回答上来了这个 4.如何实现Event bus 5.js数据类型 6.==是如何将空和0判断相等的 我这都没回答出来 说忘了 寄中寄啊家人们谁懂啊 这面试题算难的吗

项目（70%） + 基础（30%） 项目 项目上线了吗 为什么要租GPU的服务器 GPU服务器和普通服务器的区别，你们的项目哪一块需要GPU的功能 前后端部署，你对这块了解吗？ 前端的资源是如何部署的 对Nginx有什么了解，Nginx里面可以做文件的静态服务化吗 算法怎么做测试？ 基础 你的专业是物联网，那你和计算机相关的课程都会学哪些？ 专业课成绩怎么样？ 刚刚的课程里那一科学的比较好？？我居

无自我介绍，上来两个手撕，刚好练过 1，写一个深拷贝 2，最长公共子串 3，项目的难点 4，介绍一下nexttick 5，vue生命周期 6，介绍一下写的专利 7，介绍一下写的论文 8，说一下实验室项目的难点 9，让你设计一下路由导航怎么做 谁能想到一面还能问678这种啊，压根就没有看，答的稀碎。

全程一个小时 项目 20min 微前端的理解？ 引用类型 vue双向数据绑定 vue响应式原理 组件传值 深拷贝手写 pormise 手写 都答出来了，反馈也挺好，已挂

上来6道代码题，还有sql题 写完已经一个多小时过去了 后面问了一些项目相关的 1. 项目怎么优化的 2. 没去实习过吗？(是的😢) 3. vue3的proxy为什么比vue2的defineProperty性能好？(不要说数组，数组问题众所周知) 4. Vuex和redux的区别 5. 除了简历上的项目，平时还喜欢折腾啥？(弄动画) 6. 前端安全怎么做的？怎么解决XSS和CSRF的攻击？(没太

css选择器的优先级 用过flex布局吗 let、const的区别？ 如果没有es6，怎么实现块级作用域？ 那你用过闭包吗？闭包有什么缺点？ 垃圾回收的机制是什么？ 改变对象数组里面的值，const会报错吗？为什么？ 如何判读数组中元素的变化？ vue的响应式实现原理 call()、apply()、bind()的源码了解过吗？ 如何判断数组类型？ 如何遍历对象？ weakMap有听说过吗？Map呢

一：项目方面 1. 怎么做i18n国际化的，对于阿拉伯地区呢？ 2. 除了（自己介绍了虚拟列表和 MutationObserver 做列表优化），你还有什么方法呢？ 二：css 方面 1. 重排和重绘，有哪些属性会影响到重排和重绘？怎么优化呢？ 2. 元素隐藏的方法 3. 元素居中方式有几种 4. 讲讲 flex 布局和 grid 布局的差异，应用场景 三：js 方面 1. let const v