自我介绍！ 深挖项目里面的重难点！浏览器传回来的文本中有字段（占位符）需要解析成input框的内容显示。用户输入之后怎么传递给后端。如果用户输入的内容和占位符冲突怎么办？虚拟滚动的原理？如果可视区域显示10项，怎么实现的滚动？预设容器与占位的滚动条的高度很短，怎么让用户知道列表很长？1234，移除超出范围的 DOM 元素1，2占据可视区域1的位置在第一个，并渲染新进入可视区域的元素5，怎么重新展示2.虚拟列表是移动之后位置不变怎么补偿？微前端架构要解决哪些问题？微前端技术要解决哪些问题才能称为微前端？什么是沙箱机制？项目中为什么要使用为什么选择websocket？WebSocket如何保证长连接的稳定性？h5页面元素单位有哪些？对比rem和vwvh网站每个用户都有头像，和用户uid绑定，但用户可以换头像，怎么处理缓存？强缓存和协商缓存能一起用吗？如果想保证图片的url不变呢？在浏览器上实现秒表，最后一位每10ms变化一次，按钮点击后开始暂停，怎么实现？如果不根据当前时间计算呢，单独用一个变量从0开始累计？这两种方式有什么区别？点击暂停时，这两种方法显示的时间有什么区别？最后就是一些反问！

以PPT的形式介绍一下简历里面的项目！我当时就选了两个。然后后面就问了一些八股：前端如何快速选择元素？盒子模型margin和padding的区别？margin四个参数顺序代表什么方向？浏览器输入url到页面展示的全过程？DOM 树的渲染是同步还是异步？tcp为什么三次握手，四次挥手？如何定位bug是前端还是后端的？如何根据状态码判断是前端还是后端？http不同状态码防抖和节流的区别和应用场景？后面是一些聊天：科研压力怎么缓解？如何看到高强度互联网工作？你是哪里人？成都期望薪资？等等一些不太记得了。。。。。。

简单的自我介绍！前端和 ai 的结合怎么实现方案？怎么训练模型?怎么写 prompt?Ai会不会替代前端工程师?React 、Vue,各自适合的项目?优势与异同?Vue3 对于 jsx,的使用前端工程化使用过与哪些工具?Webpack和 vite,各自试用的项目?优缺点?Webpack与 vite,速度比较?项目难点是什么?生产中如何定位问题解决?前端监控工具使用?监控系统不用等用户反馈就能发现问题?怎么保证自己的代码质量?项目性能的优化?虚拟列表是用的框架还是自己搓的轮子?列表里面还有表单 虚拟列表会导致卡顿吗?虚拟滚动哪些框架实现了?复杂表单联动联动该怎么开发?有过什么框架来做表单?未来 1-2 年对于前端发展有什么想法?更长远一点的规划?“前端开发工程师的瓶颈是什么?人工智能这个专业对于你前端开发有什么帮助?学人工智能来做前端是不是大材小用了?

秋招第一课：到手的书面offer，没有签三方前都不要开摆

自我介绍！ spa单应用首屏过慢的原因？有什么优化的手段？http缓存策略介绍？以及他们之间的区别！当资源更新时，cdn缓存资源没更新，没命中强缓存，协商缓存还是旧的？ 这个点忘了不知道怎么回答就过了。浏览器存储机制以及他们之间的差异？setCookie的操作在前端还是后端实现的？为什么鉴权放在 cookie 而不是lcalStgrage,里?  防止 xss,攻击，防止跨域攻击浏览器从 htm!介绍到页面展示的过程?中间有哪些优化措施？早期 Js脚本位置放置? 什么属性实现不阻塞！async defer 属性询问↔引入css 和js哪个顺序在前？JS是单线程还是多线程?Js 密集型计算的解决方案?JS 继承实现的方法?Class extends 继承属性的关键字?React 常用的 hooks，性能相关的?数据传输使用 Context 的优缺点?Redux与context的管理的区别？还有那些其他的组件通信的方式！箭头函数和普通函数的区别？this的绑定方式然后就是一个异步输出问题：直接说结果！第二个就是一个代码修复问题！闭包引起来的内存泄漏！怎么清除监听事件！当时没有get到面试官的意思，最后就是让我简单的写了一下el.current?.removeEventListener('click', onClick);最后一个就是问什么是闭包，然后给了一串react代码，让我输出点击button后输出的结果！里面涉及到了合成事件，绕晕了，主要是关于合成事件这个点当时不会，也就说出几个关键点出来了！总体来说这个面试强度还是比较大的！面了差不多一个小时，虽然都是八股，但是结合者场景题一起问就是晕了！

自我介绍！ 你参与最多的项目，简单的介绍一下，你在里面担任的角色以及你做了哪些工作！巴拉巴拉一顿输出浏览器输入url一直到页面渲染的过程？当服务器返回html之后，scrpit标签会阻塞吗？不加defer一定会阻塞吗？script用src引用js/css会做什么？页面首次打开后闪烁后再出现内容   样式是后面应用添加的 是什么原因？提交按钮多次点击，怎么解决多次请求来提升性能？   防抖手写一个防抖函数？在防抖函数里面为什么要使用aplly来绑定this？如果不用apply，能拿到点击事件吗？如果不用apply，想直接用func(args)，修改其他部分使函数功能不变，如何实现？代码输出题：function a(){const fn = (e)=>{console.log(this,e)}fn('fn func')}这个里面this指向的是什么？我当时回答的是指向全局对象window，当时没有get到面试官的点，他想要我回答指向函数a你了解eventbus吗？讲解一下，也就是发布订阅者模式。实现事件总线eventbus！当时说我只了解概念，不会写！！！然后面试官就换了一个遍历树的方法！将一个树的所有节点的值全部以数组的格式输出出来！我当时使用了一个递归的方法实现出来了，然后又问：当树的深度很大时，会不会发生内存爆掉的现象？然后巴拉巴拉一顿输出。。。。然后就是可以使用层次遍历来解决这个问题！然后就是把层次遍历也写了一遍！最后问了一下怎么学习前端的？如何去了解前端前言技术的！！！反问。。。。

秋招我可以失误多次，但是只要面试官失误一次，那么我就可以被招进去！！

发面经攒人品真的非常无语。。。。。当初投递烽火前端，也很迅速的给我来了一套小连招：测评—笔试-Ai面，两天内就完成了过两天就给我发了面试！！！当初还比较兴奋因为当时面了美团后，好久没有收到面试了。当我参加面试时，真的是惊呆了，一开始比较正常，先是自我介绍，然后问了一下项目！离谱的来了，后面就是问校园经历，参加了什么比赛，在学习中遇到困难是怎么解决的，我当时真的懵。OGM，这是专业技术面，你就不能问我八股吗？或者深入一下项目？再或者给个算法题？后面也是问到你懂不懂实习时在公司的业务是什么？上线流程，参与过上线没？最后也是以无聊话题结束了面试！总共聊了20多分钟。第二天流程结束！！！真的浪费彼此的时间

发面经攒人品流程：面试官介绍→提问→反问自我介绍！！！三分钟，巴拉巴拉，语速飞快对TS简单介绍一下，ts能辅助开发者做什么？、原型链的显示原型与隐式原型是什么？div居中常见的方法有哪些？其中transform移动的中心点是在哪里？3<2<1 js返回什么？a=b=1是怎么执行的？3<2<1。。。。。。。。。 非常长的一个这样的字符串，使用js写一个方法先比较3<2，然后结果再和1比较？写一个方法依次比较，先讲思路，能用递归吗？js 深浅拷贝的差异，以及对应的有哪些方法？与引用类型相对的类型叫什么？一个[]===[]是否成立？函数式编程与面向对象的思想异同？整体来说体验感非常好！！！就是那种问一个问题，我巴拉巴拉几句说完了，然后面试官就继续补充，重新讲解。比如那个3<2<1 。。。。。非常长的一个这样的字符串，这个问题面试官先后说出了3种方法！！！每个题目也对我做出了相应的解释，面完后收货匪浅。最后反问了一下：技术栈主要是用Vue3，老项目是Vue2。平时不加班，双休，相对于说比较轻松。

自我介绍 怎么系统学习前端的，以及前端学习常用的网站开源项目学习的东西多吗？项目相关 从需求到最后实现的流程react 常用 hooksantd 中用到 useContext 的组件useMemo 了解吗?有使用过吗antd哪些组件用到了useContextref和forwardRef了解吗?实习的团对结构？git 开发完后合并到主分支？ai agent介绍一下？领导安排了一个任务，评估两周，但是要求一周完成，该怎么做？

发面经攒人品！！！面试官先介绍了一下业务，然后就让我自我介绍1、虚拟滚动的原理与优点2、表单校验 字段联动校验表单校验有没有考虑过组件化开发?3、微前端实现方案4、网络请求封装请求拦截器/响应拦截器5、多个请求携带相同的 token，token 过期了怎么避免重复刷新 401/4036、vue3 数据持久化存储7、如果数据需要同时存储在 pinia 和 localstorage,怎么保持数据的一致性Pinia 触发 anction 时同步更新 localstorage8、ts 怎么处理值为 null 和 undefined9、对 vue3 和 react 的理解10、js事件循环机制11、Es6 的箭头函数和普通函数的区别12、react 的 hooks13、React 的虚拟 dom 和 diff 算法14、Vue2 和 vue3 在响应式上的原理有什么区别15、vue 组件之间通信的方式总体来说，面试感觉还是不错的，面试官是个小姐姐，人非常好！

自我介绍 项目里面的重难点！！！巴拉巴拉除了axios外发请求的方法？跨域问题怎么解决options请求是什么？为什么有options讲述网页加载慢排查思路发布后遇到线上bug该怎么解决？发布过程中保证网站不会中断？import 与require的区别？前端工程化是什么？前端线上监控是怎么做的？Ts interface与type的异同？type 与interface 可以混用吗？箭头函数的提出的考量，为什么箭头函数的this要这样设计面试官一副很累的样子，估计是面了一天，人都麻了！！！

先自我介绍，然后聊了大概20分钟就结束了！！！首先问了一下项目，让后介绍项目的重难点。巴拉巴拉。。。。为什么选择前端，怎么学习前端的？然后问Webpack和Vite的区别，还有一些不记得了。最后聊了一下base问题！然后就是一些反问就结束了，感觉太KPI了！！！

JS闭包，什么场景会用闭包?函数柯里化ES6的 Promise 的作用?Promise.all 的实现，在本地编译器实现setTimeout(fn,0)解释在什么时候运行常见的宏任务与微任务?为什么要区分宏微任务?Http 2.0 相比 1.1有哪些新增的特性?React 框架的组件间通信方式。React router 怎么实现?React 提出 hooks 是为了解决什么问题?React 组件性能优化方式?React diff 算法原理?时间复杂度?Webpack与 Vite底层实现的差异。Wakpack,热更新机制怎么实现?Axios.库解决了什么问题?分享项目中比较有亮点的模块大数据加载的优化是怎么做到的?虚拟滚动性能提示如何验证前端性能优化的方向?关注的技术方向?