《web前端面试题》专题

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

学校宣讲后的面试 时间很紧，问的都是项目相关 简历写熟悉异步？讲一下同步和异步（balabala） 抛开前后端不谈，讲讲异步和同步的啥东西（忘了，没听明白，答的eventloop） 用的是axios，用到了什么方面（拦截器。。） 后台前端权限管理？怎么做的？（答得不好） promise和ajax讲一下（提到了mvc） mvc和mvvm讲一下（主要了解mvvm，mvc顺便了解） mvvm双向绑定怎么

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

一面ab面： 1、Chrome怎么打破字体大小为12px的限制：使用transform 2、JS一个数组怎么去重，JS两个数组合并去重怎么实现 3、foreach和map的区别，for of和for in的区别 4、如何实现垂直水平居中 5、如何判断一个属性是自己拥有的还是原型链上拥有的：hasOwnProperty;如何判断这个原型对象是不是另一个对象的原型链上的“isPropertyOf 6、

11.21 base广州 65min 1.项目 2.动态路由权限控制 3.uniapp缺陷？如何解决？ 4.项目上线时因为切换接口导致用户无法使用接口怎么办？ 5.为什么要用node做中间层？ 6.介绍下express框架 7.关于路由的模式，原理 8.页面跳转时，定时器会不会被销毁？什么情况下会被销毁？什么情况下不会被销毁？怎么阻止销毁？ 9.hash和history响应原理 10.手撕代码数组

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

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

来更新一下美团的面经啦 一面： 一面面试官感觉跟我差不多大。问了一些八股和一些开放性的问题。一面无手撕。 1.根据简历问了webSocket。它与http有什么区别，为什么要用webSocket，有哪些优势。 2.let和const的区别。 3.代码题。给一串promise相关代码，看代码写输出。 4.缓存相关知识。 5.代码题。this指向相关的问题，也是看代码写输出。 6.http和https

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

timeline： 5.17一面 5.21 笔试 5.22 二面 5.24 总监+hr面 5.28 意向 一面电话面（1h疯狂拷问） 自我介绍 vite的打包原理 和webpack区别 vite热更新原理 是用的http协议还是websocket协议 http和websocket区别 除了应用层还有哪些层 分别都有什么协议 SSL/TLS协议是什么 https是怎么工作的 vue的底层原理 比如说

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