核心内容摘要
《小兽的宝藏》
最近在筛简历时发现一个有趣现象很多自称“精通Vue/React”的候选人被问到“为什么Vue3要用Proxy替代defineProperty”时答案依然停留在“性能更好”这种表面说辞能熟练配置Webpack的人却说不太清Tree Shaking在ES Modules和CommonJS环境下工作机理的本质差异。
更明显的是面试中的两极分化——一部分人还在卷“手写Promise/虚拟DOM”这类经典八股另一部分人已经开始被追问“如何为微前端场景设计CSS沙箱”、“如何在React Server Components中处理第三方非兼容库”。
前者回答得再流畅也掩盖不住对现代工程化场景的陌生后者哪怕某个细节卡壳展现的却是解决真实复杂问题的思维路径。
这种割裂感背后是前端技术演进轨迹的明显转向“框架熟练工”价值正在稀释当create-vite、Next.js、Nuxt这类工具链能自动生成80%的配置当Copilot能补全半数业务组件代码“会用框架”已从稀缺能力变为入职基线。
企业开始默认你应该掌握框架然后追问“框架为什么这样设计它解决了什么特定场景问题”“基建感知力”成为分水岭以前知道Webpack配置算加分项现在需要理解Vite的预构建如何基于ESM提升冷启动速度、TurboPack的增量计算如何利用Rust重写编译管线。
工具链的快速迭代倒逼你必须建立对底层架构的持续追踪习惯。
“垂直领域穿透”正在重新定义竞争力可视化工程师得懂WebGL渲染管线和GPU加速性能优化专家得会解读Core Web Vitals背后浏览器渲染引擎的工作机制跨端开发者需要理解JS引擎绑定到原生平台的通信损耗在哪——泛泛而谈“我会React”已经不够需要你在特定纵深领域形成技术解释力。
如果你最近面试时感到“背的题没考考的题没准备”或者发现日常工作越来越像在重复调用API那么下面这组问题或许能帮你定位自己与技术演进方向的偏差当你说“我熟悉Vite”是真的理解其基于ESM的按需编译原理还是仅停留在配置vite.config.js你简历上的“性能优化”有多少是 Lighthouse 分数驱动的指标游戏有多少是真正解决过首屏渲染被第三方脚本阻塞的实际案例面对“如何设计一个支持版本回滚的前端灰度发布系统”这样的问题你的思考是从CDN、打包策略、还是从服务端流量切分开始前端没有变简单只是考核重心从“知道什么”转向了“能用知道的东西解决什么”。
接下来我将展示100道项目场景面试题
如何判断用户设备
将多次提交压缩成一次提交
介绍下navigator.sendBeacon方法
混动跟随导航电梯导航该如何实现5退出浏览器之前发送积压的埋点数据请求该如何做
如何统计页面的long task长任务【热度140】
PerfoemanceObserver如何测量页面性能
移动端如何实现下拉滚动加载顶部加载
判断页签是否为活跃状态
在网络带宽一定的情况下切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗
大文件切片上传的时候确定切片数量的时候有那些考量因素
页面关闭时执行方法该如何做
如何统计用户 pv 访问的发起请求数量
长文本溢出展开/收起如何实现
如何实现鼠标拖拽
统计全站每一个静态资源加载耗时该如何做
防止前端页面重复请求
ResizeObserver作用是什么
要实时统计用户浏览器窗口大小该如何做
当项目报错你想定位是哪个commit引入的错误的时该怎么做
如何移除一个指定的 commit
如何还原用户操作流程
可有办法将请求的调用源码地址包括代码行数也上报上去?
请求失败会弹出一个 toast,如何保证批量请求失败只弹出一个 toast【热度: 420】
如何减少项目里面 if-else【热度:310】
babel-runtime 作用是啥【热度: 200】
如何实现预览 PDF 文件
如何在划词选择的文本上添加右键菜单(划词:标滑动选择一组字符对组字符进行操作)【热度:100】
富文本里面是如何做到划词的(鼠标滑动选择一组字符对组字符进行操作)?【热度:100】
如何做好前端监控方案【热度:672】
如何标准化处理线上用户反馈的问题【热度: 631】
px 如何转为 rem【热度: 545】
浏览器有同源策略但是为何 cdn 请求资源的时候不会有跨域限制【热度:579】
cookie 可以实现不同域共享吗【热度: 533】
axios 是否可以取消请求【热度: 532】
前端如何实现折叠面板效果?
dom 里面如何判定a元素是否是b元素的子元素【热度: 400】
判断一个对象是否为空包含了其原型链上是否有自定义数据或者方法。
该如何判定?