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

这是我今年提前批收到的第二个面试 base是广州（这里之后有故事 面试官是个声音很温柔的小哥哥，性格也很温柔，会耐心地听我巴拉巴拉瞎扯。。。 一面： 1.首先还是惯有的自我介绍。 2.然后打开了我投稿的论文，问了一些关于我论文的相关问题，之后会根据你做的领域做很多拓展性的问题。比如说我是做Transformer的，会问你对Transformer在目标检测和分割领域的发展有什么了解，对Transfo

一面 自我介绍, 问之前实习工作项目, 主要是技术栈 协议 的原理, Vite 除了不打包以外和 Webpack 相比还有哪些优势 除了不打包以外也没有什么特别明显的优势了...另外不打包本身也会引入开发环境和生产环境不一致的问题. Vite 的 Plugin API 书写比 Webpack 更简洁算吗? Vite 项目启动后, 浏览器每一次通过 ESM 机制请求 js 时, viteDevSer

无自我介绍 上来就问简历里都是后端的项目，为什么转前端。  然后看简历上有密码学，问了对称加密和非对称加密 问了http和https区别  DDos攻击 ，DOM型XSS，前端怎么防护  session cookie区别  cookie怎么样能只用于接口，不让前端取（httponly参数）  hook有用过吗  ajax请求过程和底层原理  promise用过什么方法  promise底层  tc

热乎的，全程40多分钟 自我介绍 图片请求优化这个需求怎么做的 图片优化还有哪些方式？ 渐进式图片加载怎么做到的？流式传输+JPEG http和https的区别？端口？ 插件做了什么？ vue双向绑定 vue-router原理 用hash多还是history多 spa访问一个页面会把其他页面代码一起加载吗？ 打包分包怎么分的？ 写一个cli用到了哪些依赖 什么是变量提升 块级作用域和全局作用域区别

# 一面（9月8日） - 总时长43分钟，体验很好，面试官人很不错 1. 先介绍一下自己吧 2. 你在学校里面有什么项目经验吗 3. 在项目中有遇到什么困难，如何解决的 4. 讲一下url到浏览器呈现中间的过程 5. 看一下你的项目（看了一下项目代码，说你代码可以运行相信也是你自己写的代码就不问细节了） 6. 针对项目的一个小问题问了如何改进（没搞懂他的具体想问的解决方案，就具体说了那个位置的代码

自我介绍 常规八股： 八股明明都事无巨细地回答了，比如问跨域，我从同源策略讲到跨域，讲到解决方案，以及各种方案的原理和优缺点。但是面试官会问，那不设置同源策略会有什么后果。。。。。。。。。救命，这个是我疏忽了！？！再问前端路由，我就讲前端路由的原理，用来做单页面应用，有hash和history两种模式，各自的原理，这里我特意给自己留了个漏洞，没有讲优缺点，果然面试官追问了优缺点，我回答histor

携程 一面 自我介绍 技术栈写了很多后端的东西，为什么做前端 项目上线没有 实习碰到什么困难，怎么解决 vue 生命周期 跨域 盒子模型 position 数组遍历一遍，找到top2的数，说思路 金条7克分成3份，每天必须给出去1份，怎么分（1，2，4） 职业发展规划 二面 面试官先介绍了一下本次面试是交叉面试，一面是我最终去的部门的，流程是先问些前端知识、再问项目+实习、最后反问。 知识点（记不

项目 项目介绍 antd用的什么版本，用了哪些组件，用组件库和不用组件库有什么区别 权限系统怎么实现的 React 类组件生命周期 从头到尾捋一遍 函数组件生命周期怎么实现ComponentDidMound的效果 React Hooks用过哪些 useRef返回值是什么，用useState可以实现useRef的效果吗，useMemo返回值是什么，怎么用 如何减少渲染次数 有哪些Hooks可以减少渲

我想问一下uu们有没有同一个面试官的，他腾讯会议名字是英文，开头他说了一下自己叫啥，然后我就说面试官您好，但是我没有自我介绍说自己叫啥，因为我以为他会说你先自我介绍一下吧，结果就直接开始了？？？然后感觉中间一直在针对我，还带了几次嘲讽。对面网络还贼卡，可能人在国外吧，但真就感觉像KPI，卡了他没听到也不管了。最后也没有反问环节。怀疑是不是我没有自觉自我介绍的缘故，大家认为是我的错吗

介绍项目 项目的数据来源、数据的格式 有哪些功能，每个页面都是单独的可视化 图表里面很多数据，如何优化 事件冒泡与事件委托的区别 跨域的方法有哪些，使用cors的优势 立即执行函数的作用有哪些 手写题--找到数组中第k大的数，要求堆实现

总结：问的比较基础 挖的不深，面试官人很好笑眯眯的 面试官自我介绍 自我介绍 聊了二十分钟项目 问了一些css场景题 js基本数据类型 检测数据类型的方式 异步这块问的比较多 手写了个promise 继承 网安 写题：字符串的最长回文子串 快排 反问

1. 介绍一下项目难点 2. vue2和vue3的区别 3. 在项目中如何实现的父子组件通信 4. 如何学习的vue，你的学习方式 5. es6新特性 6. call，apply，bind的区别 7. 说一说promise以及运用 8. 说一说ajax，能自己封装一个http请求库么 9. ajax， fetch， axios怎么解决兼容性问题 10. 说说http状态码 11. 说说浏览器跨域以

没有记时间，两面一共加起来一个小时左右吧 一面就是八股，简单的项目问题，面试完5、6分钟会告诉结果，通过的话就现场继续面 二面主要问了实习项目，面试官上来先来一句你们怎么都有实习啊然后还发现了我昨晚刚改的简历中一个bug，然后就说那我就挑着你简历写的问了，问了我tcp/ip，问了我软件工程相关的，然后问了为为什么想做前端，为什么来携程，最后拿面试官电脑做了个算法，力扣简单题，2分钟a了 后续就是给

自我介绍 webrtc 传输，协议， websocket，用于 udp，tcp，场景，特点 quic，解决了什么，http3 Http2 多路复用，为什么还会队头阻塞，答 底层还是tcp，tcp的接受应答，拥塞控制机制就会 h2 一个tcp，h1是多个，也是一个问题，虽然有流，帧，多路复用（面试官补充） h2优先级 帧PRIORITY字段，（后面查了一下，还有可以header帧） 管理Monore

面试体验很棒，面试官也会进行一些补充引导，希望不是kpi 1.自我介绍 2.项目怎么设计的，怎么思考的 3.举例说明项目哪些技术栈是你深思熟虑后才用的 4.说一下vue2和vue3区别 5.vue2和vue3在框架实现上有什么区别（一脸懵） 6.vue2和vue3在双向绑定上有什么区别 7.做项目有什么性能优化的经验 8.用虚拟滚动出现白屏怎么解决，有没有用到节流 9.如果用户反馈页面卡顿，如何查