建议所有人前端准备到这种程度再去面试

别再裸面了有些坑你根本想不到最近帮团队筛了上百份前端简历也面了四十多个候选人。说实话大部分人连第一轮都过不了——不是因为基础差而是完全不知道面试官到底在考什么。有人能把三大框架的源码讲得头头是道结果连“浏览器输入URL后发生了什么”都说不完整有人在简历上写“精通JavaScript”结果问闭包的实际应用场景支支吾吾半天还有人背了一堆八股文可一到手写代码环节连防抖节流的区别都实现不出来。面试不是背题比赛也不是炫技场。面试官真正想看的是你有没有构建完整前端知识体系的能力。那到底要准备到什么程度才算“稳妥”我结合这半年的面试记录把高频考点和真实遇到的“坑题”整理了出来。如果你能把下面这些吃透至少能碾压80%的竞争者。先贴一下github https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3JavaScript 面试题相比于npm和yarnpnpm的优势是什么如果使用Math.random() 计算中奖概率会有什么问题吗怎么使用js实现拖拽功能举例说明你对尾递归的理解以及有哪些应用场景说说你对 Iterator,Generator 和Async/Await 的理解说说你对模块化方案的理解比如CommonJS、AMD、CMD、ES Module...前端跨页面通信你知道哪些方法JavaScript脚本延迟加载的方式有哪些?怎么理解ES6中Generator的使用场景有哪些?导致页面加载白屏时间长的原因有哪些怎么进行优化?微前端中的应用隔离是什么一般是怎么实现的JavaScript对象的底层数据结构是什么浏览器和Node中的事件循环有什么区别版本号排序哪些原因会导致js里this指向混乱怎么实现大型文件上传?说说你的ES6-ES12的了解Promise 的 finally怎么实现的?怎么使用js动态生成海报异步编程有哪些实现方式React.js 面试题fiber架构的工作原理React Reconciler 为何要采用 fiber 架构?useState是如何实现的?React Fiber是什么简单介绍下React中的diff算法如何让 useEfect 支持 async/await?React中怎么实现状态自动保存(KeepAlive)ReactFiber是如何实现更新过程可控react中懒加载的实现原理是什么React有哪些性能优化的方法不同版本的React都做过哪些优化React18新特性说说你对ReactHook的闭包陷阱的理解有哪些解决方案React 中怎么给children 添加额外的属性Fiber为什么是React性能的一个飞跃?react是否支持给标签设置自定义的属性比如给video标签设置webkit-playsinline?说说React render阶段的执行过程React中fiber是如何实现时间切片的React 中为什么不直接使用requestIdleCallback?说说React commit阶段的执行过程Vue.js 面试题Vue模板是如何编译的vue3相比较于vue2在编译阶段有哪些改进?说说Vue页面渲染流程Vue项目中你做过哪些性能优化如果使用Vue3.0实现一个Modal你会怎么进行设计Vue3.0里为什么要用ProxyAPI替代defineProperty API?Vue有了数据响应式为何还要diff说说vue3中的响应式设计原理说说 Vue 中 CSS scoped 的原理vue3的响应式库是独立出来的如果单独使用是什么样的效果手写vue的双向绑定什么是虚拟DOM如何实现一个虚拟DOM说说你的思路SSR是什么Vue中怎么实现说下Vite的原理Vue2.0为什么不能检查数组的变化该怎么解决React和Vue在技术层面有哪些区别说说vue中key的原理谈谈Vue 事件机制并手写$on、$off、$emit、$oncevue文件中在v-for时给每项元素绑定事件需要用事件代理吗为什么Vue中created和mounted两个钩子之间调用时间差值受什么影响Typescript 面试题如何检查TypeScript​​​​​​​中的null和undefined如何将unknown类型指定为一个更具体的类型Typescript中什么是类类型接口说说你对typescript 的理解与javascript的区别什么是TypeScript Declare关键字?in运算符作用是什么纯TS项目工程中如何使用alias path?使用TS实现一个判断传入参数是否是数组类型的方法TypeScript 中的 getter/setter是什么你如何使用它们unknown是什么类型never是什么类型详细讲一下extends条件类型怎么定义如何在TypeScript中实现继承说一说TypeScript中的类及其特性。请实现下面的sleep方法TypeScript中的方法重写是什么tsconfig.json文件有什么用Typescript中never 和void 的区别typescript 中的is关键字有什么用?TypeScript中的类是什么你如何定义它们Webpack 面试题webpack 中 module、chunk、bundle 的区别是什么说说你对前端工程化的理解webpack loader 和 plugin实现原理为什么webpack可以通过文件打包让浏览器可以支持CommonJs规范webpack tree-shaking 在什么情况下会失效?微前端中的路由加载流程是怎么样的说下Vite的原理说说webpack的构建流程说说你对Source Map 的了解ES6代码转成ES5代码的实现思路是什么?webpack的module、bundle、chunk分别指的是什么浏览器是否支持CommonJs规范webpack treeShaking​​​​​​​机制的原理是什么package.json里面sideEffects属性的作用是什么什么情况下会导致webpack treeShaking失效?为什么SPA 应用都会提供一个hash路由好处是什么webpack分包的方式有哪些?babel的工作流程是怎么样的npm script了解多少?前后端分离是什么性能优化 面试题怎么统计页面的性能指标导致页面加载白屏时间长的原因有哪些怎么进行优化Service Worker是如何缓存http 请求资源的?如何优化DOM树解析过程DNS预解析是什么怎么实现虚拟DOM一定更快吗如果某个页面有几百个函数需要执行可以怎么优化页面的性能React.memo()和 useMemo() 的用法是什么有哪些区别SPA首屏加载速度慢的怎么解决在React中可以做哪些性能优化?前端性能优化指标有哪些怎么进行性能检测怎么进行站点内的图片性能优化什么是内存泄漏什么原因会导致呢浏览器为什么要请求并发数限制css加载会造成阻塞吗以用户为中心的前端性能指标有哪些有些框架不用虚拟dom但是他们的性能也不错是为什么谈谈对window.requestAnimationFrame的理解页面加载的过程中JS文件是不是一定会阻塞DOM和CSSOM的构建衡量页面性能的指标有哪些场景 面试题怎么在前端页面中添加水印如何封装一个请求让其多次调用的时候实际只发起一个请求的时候返回同一份结果web网页如何禁止别人移除水印react中怎么实现下拉菜单场景要求点击区域外能关闭下拉组件React 如何实现vue 中 keep-alive 的功能?如何监控前端页面的崩溃如何搭建一套灰度系统如何在前端团队快速落地代码规范前端如何实现即时通讯用户访问页面白屏了原因是啥如何排查如何给自己团队的大型前端项目设计单元测试?如何做一个前端项目工程的自动化部署有哪些规范和流程设计你参与过哪些前端基建方面的建设假如让你负责一个商城系统的开发现在需要统计商品的点击量你有什么样设计与...前端怎么做错误监控token过期后页面如何实现无感刷新如何解决页面请求接口大规模并发问题web应用中如何对静态资源加载失败的场景做降级处理什么是单点登录以及如何进行实现SPA首屏加载速度慢的怎么解决项目亮点难点1.如何防止重复提交2.控制ajax执行先后顺序3.解析数据4.axios用post请求数据会被拦截传不到后端5.路由懒加载6.实现从详情页返回列表页保存上次加载的数据和自动还原上次的浏览位置。7.Storage封装8.Proxy实现跨域vue项目)9.断网处理10.scoped时修改子组件样式11.跳转页面后停止定时器12.v-model进行父子组件双向数据绑定13.解决vuex持久化14.使用history模式后访问内容页刷新会40415.菜单权限用动态添加路由addRoutes解决16.vue项目中用v-fofor 循环本地图片 图片不显示以上答案 https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3​​​​​​​