一、JavaScript 深度这是分水岭高级前端必须对 JS 有“语言级理解”而不是 API 使用者。必须掌握执行机制事件循环Event Loop宏任务 / 微任务调用栈 / 执行上下文作用域 闭包this 绑定规则call/apply/bind/new原型链 继承模型模块化ESM vs CommonJSPromise 原理手写 Promiseasync/await 本质进阶能力手写核心能力Promisedebounce / throttle深拷贝考虑循环引用发布订阅 / EventEmitter垃圾回收机制V8内存泄漏排查 判断标准你能不能解释“为什么会这样”而不是“怎么用”。二、浏览器 Web 原理高级核心这是很多中级卡住的地方。浏览器原理从 URL 输入到页面渲染全过程渲染流程DOM / CSSOMRender TreeLayout / Paint / Composite重排Reflow与重绘Repaint网络HTTP / HTTPSTLSHTTP1.1 / HTTP2 / HTTP3缓存策略强缓存 / 协商缓存跨域CORS / JSONP / 代理存储Cookie / LocalStorage / SessionStorage / IndexedDB三、React或 Vue深入你是 React Vue重点更高你已经有经验这里是你拉开差距的地方。React 深度Fiber 架构Diff 算法原理Hooks 原理useState / useEffect状态管理思想Redux / Zustand / Recoil必须进阶渲染优化memo / useMemo / useCallback并发特性React 18自定义 Hooks 设计工程能力组件设计高复用、低耦合复杂状态拆分四、工程化高级标志这是“会写页面”和“能带团队”的分界线。构建工具Webpack必须深入loader / plugin 原理构建优化分包、tree shakingVite现代趋势Rollup / ESBuild了解工程能力Monorepopnpm / turborepoCI/CDGit flow环境配置dev / test / prod五、性能优化高级必问没有这个很难算高级。前端性能首屏优化LCP / FCP懒加载 / 预加载代码分割CDN 加速渲染优化虚拟列表防抖节流大数据渲染工具Chrome PerformanceLighthouse六、架构设计真正的高级能力这是最值钱的部分。必须掌握前端分层设计模块化架构微前端qiankun / module federation能做的事设计一个后台系统架构抽离通用组件库设计低耦合 API 层七、Node.js必须具备后端能力高级前端不能只会前端。必会Node.jsExpress / Koa中间件机制RESTful API进阶SSRNext.jsBFFBackend For Frontend八、TypeScript必须精通你之前想学 TS这个是关键突破点。必会泛型类型推导类型工具Partial / Pick / Record高级类型体操TS 在大型项目中的设计九、可视化你项目已经用 ECharts这是加分项ECharts 深度使用大屏可视化数据建模能力十、软实力很多人忽略高级不是技术堆出来的。必须具备技术选型能力代码评审Code Review推动项目落地跨团队沟通给你一个现实判断标准很关键如果你具备以下能力基本就是高级前端能独立设计一个中后台系统架构能解决线上复杂性能问题能写出可复用的组件库能主导技术选型能带 2~5 人小团队