《前端一面》专题

难度：easy（撞我枪口上了） 1.自我介绍 2.文件断点续传怎么做 3.处理文件用了哪些api 4.秒传 5.为什么要用unhandledrejection，我直接try catch不行吗 6.说说xmlhttprequest 7.你是怎么重写xmlhttprequest的 8.说说fp，fcp，lcp 9.说说performanceObserve 10.pusher原理 11.说说websoc

1.讲一下options请求 2.说一下domcontentloaded和load的区别 3.get请求有url限制吗，为什么把get请求的参数放在url中而不是body中 4.讲一下快排 5.手写一个promiseall 6.4xx和5xx的响应分别是什么 403和503呢 7.端口号的作用是什么 8.讲一下你知道的协议以及对应的端口号

11.17 37min 1.new一个对象时，做了哪些事？ 2.什么是闭包？ 3.es6 4.箭头函数和普通函数的区别？ 5.promise的状态 5.promise和async await区别？ 6.经常用到的数组方法 7.在数组的第三个元素后面添加元素怎么实现？ 8.数组去重 9.对象深拷贝的实现 10.js事件循环 11.本地存储方式 12.它们的区别 13.url的过程 14.文件缓存在哪

base杭州 30min 11.13 1.介绍项目 2.项目难点 3.图片如何压缩？前端如何压缩？后端如何压缩？ 4.其他的优化方法？ 5.请求头和响应头有哪些？ 反问： 还不错，项目的技术需要多去往深了研究。 更新 一面已过

base广州 71min 11.14 之前 金山base珠海的 二面挂了 1.uniapp为什么可以进行多端平台 2.vue2、vue3的区别？ 3.vue3代理可以拦截哪些信息？ 4.介绍一下html5？ 5.webworkers如何把数据传到主页面？ 6.浏览器的存储方式有哪些？ 7.浏览器自适应布局？ 8.@media可以监听哪些？除了浏览器宽高呢？ 9.flex：1表示什么？ 10.es6

时长：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也有这种数据不可变的地方，我也晕了） 如何看待两个框架性能的比较，你对框架的看法，框架诞生的意义 开发时你的心情 开发有没有遇到看

又被捞了 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.反问 一个小时 ，有不少细节回答的不是很好 ，面试官很耐心，会引导

面试官人很好，很客气 介绍一下你最近的前端经历 行内元素如何垂直居中 水平居中 设置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.