索引大纲
面试准备与自我介绍
基础
进阶
高阶
编码能力考查
基础
进阶
高阶
项目经验与问题解决
基础
进阶
高阶
核心技术栈考察
JavaScript/TypeScript
基础
进阶
- 异步编程模式(Promise/async-await)
- 函数式编程概念与实践
- TS高级类型(泛型/条件类型/映射类型)
- [模块化方案演进(CommonJS/ES Module)](./_04_核心技术栈考察/_01_JavaScriptTypeScript/_02_进阶/_04_模块化方案演进(CommonJSES Module).md)
高阶
前端框架
React
- 组件定义与使用方法
- Props与State管理
- 生命周期函数理解
- 事件处理机制
- [Hooks API使用与原理(useState/useEffect/useCallback)](./_04_核心技术栈考察/_02_前端框架/_01_React/_05_Hooks API使用与原理(useStateuseEffectuseCallback).md)
- [Context API与状态管理](./_04_核心技术栈考察/_02_前端框架/_01_React/_06_Context API与状态管理.md)
- [React Router路由管理](./_04_核心技术栈考察/_02_前端框架/_01_React/_07_React Router路由管理.md)
- 性能优化基础(memo/useMemo)
- Fiber架构与协调算法
- [Concurrent Mode与Suspense](./_04_核心技术栈考察/_02_前端框架/_01_React/_10_Concurrent Mode与Suspense.md)
- 服务端渲染(SSR/SSG)实践
- React源码关键实现分析
Vue
- Vue实例与生命周期
- 模板语法与指令系统
- 组件定义与通信方式
- 计算属性与侦听器
- Vue响应式原理(数据劫持/依赖收集)
- [组件高级特性(slot/mixin/custom directive)](./_04_核心技术栈考察/_02_前端框架/_02_Vue/_06_组件高级特性(slotmixincustom directive).md)
- Vuex/Pinia状态管理
- [Vue Router高级用法](./_04_核心技术栈考察/_02_前端框架/_02_Vue/_08_Vue Router高级用法.md)
- [Vue3 Composition API设计思想](./_04_核心技术栈考察/_02_前端框架/_02_Vue/_09_Vue3 Composition API设计思想.md)
- 响应式系统性能优化
- Vue编译优化原理
- 大型Vue应用架构设计
工程化工具
Webpack
- 工程初始化与配置文件结构
- 核心概念(entry/output/loader/plugin)
- 常见Loader配置(babel/css/file)
- 开发环境与生产环境配置分离
- 插件开发原理与实践
- 性能优化策略(缓存/分包/压缩)
- 构建流程优化与分析
- 多页面应用配置方案
- Webpack源码核心流程分析
- 自定义Loader开发实战
- 大型项目构建架构设计
- 构建系统的监控与告警
Vite
- 项目初始化与目录结构
- 开发服务器特性与配置
- 插件系统基础使用
- 与Webpack的差异对比
- 依赖预构建原理
- 热模块替换(HMR)实现机制
- 生产构建优化策略
- 自定义插件开发
- Vite架构设计与性能优势
- 大型项目Vite配置优化
- 构建工具选型决策框架
- Vite与微前端集成方案
性能优化
基础
- 性能指标理解(FCP/LCP/FID/CLS)
- 代码体积优化方法(压缩/Tree-Shaking)
- 图片优化策略(格式选择/懒加载/响应式图片)
- [缓存机制应用(HTTP缓存/Service Worker)](./_05_性能优化/_01_基础/_04_缓存机制应用(HTTP缓存Service Worker).md)
进阶
高阶
网络与安全
网络基础
基础
进阶
高阶
安全
基础
进阶
高阶
工程化与架构
前端工程化
基础
进阶
高阶
架构设计
基础
进阶
高阶
专项技术领域
低代码开发
基础
进阶
高阶
测试与质量保障
基础
进阶
- [组件测试(React Testing Library/Vue Test Utils)](./_08_专项技术领域/_02_测试与质量保障/_02_进阶/_01_组件测试(React Testing LibraryVue Test Utils).md)
- E2E测试(Cypress/Playwright)
- 测试驱动开发(TDD)实践
- 测试自动化与CI集成
高阶
插件与工具开发
基础
- 插件基本概念与作用
- 不同环境插件区别(浏览器/构建工具/编辑器)
- 插件开发基本流程
- [简单插件示例(Webpack HelloWorld插件)](./_08_专项技术领域/_03_插件与工具开发/_01_基础/_04_简单插件示例(Webpack HelloWorld插件).md)