Basic
- 前端核心技术
- HTML5 语义化标签和最佳实践
- CSS3 高级特性(Grid、Flexbox、动画等)
- JavaScript ES6+ 特性
- TypeScript 类型系统和高级用法
- DOM 操作和事件处理
框架与工具
-
主流前端框架(至少精通一种)
- React(Hooks、Context、状态管理)
- Vue.js(Vue 3 Composition API、Vuex/Pinia)
- Angular(组件、服务、依赖注入)
-
构建工具
- Webpack 配置和优化
- Vite 快速开发环境
- Rollup 库打包
- Electron 桌面应用开发
IDE 相关技术
-
IDE 基础架构
- 插件系统设计模式
- 微前端架构
- 模块化和组件化设计
- 事件总线和通信机制
-
代码编辑器技术
- Monaco Editor 集成
- 语法高亮和代码折叠
- 代码补全和智能提示
- 代码格式化和错误检测
AI 集成技术
-
AI 功能集成
- LLM API 对接(OpenAI、Claude等)
- 代码生成和理解功能
- 智能问答系统集成
- 多模态内容处理
-
AI Agent 开发
- 对话流程设计
- 上下文管理
- 工具调用和函数执行
工程化实践
-
性能优化
- 代码分割和懒加载
- 缓存策略
- 内存管理
- 渲染性能优化
-
测试与质量
- 单元测试(Jest、Vitest)
- 集成测试
- E2E 测试(Playwright、Cypress)
- 代码质量工具(ESLint、Prettier)