01
EDA前端概述
什么是EDA前端 · EDA工具发展历程 · 图形化界面重要性
概念背景
02
开发环境搭建
操作系统选择 · Python/Node.js · Git版本控制
环境工具
03
核心技术栈选型
Electron · React/Vue对比 · WebGL/Canvas · 通信协议
架构选型
04
Electron入门
主进程与渲染进程 · 第一个应用 · IPC基础
桌面进程
05
React基础
JSX · 组件化 · Props/State · Hooks入门
前端框架
06
状态管理
Redux核心 · React-Redux · 异步中间件
数据流Redux
07
电路原理图编辑器（一）
Canvas基础 · 绘制导线/节点 · 缩放与平移
绘图交互
08
电路原理图编辑器（二）
交互式拖拽 · 选中高亮 · 撤销/重做
编辑历史
09
电路原理图编辑器（三）
网格吸附 · 对齐工具 · 快捷键绑定
辅助效率
10
元件库管理
数据结构 · JSON Schema · 搜索过滤 · 自定义导入
库数据
11
网表生成
SPICE/Verilog解析 · 连接提取 · 导出功能
网表导出
12
仿真配置界面
参数面板 · 波形查看器 · 进度条与日志
仿真UI
13
布局布线（P&R）可视化
芯片布局 · 热力图 · 调整宏单元
布局热力
14
时序分析界面
时序路径 · 建立/保持余量 · 关键路径高亮
时序分析
15
功耗分析界面
功耗热力图 · 动态/静态分解 · 低功耗策略
功耗优化
16
DRC/LVS结果展示
DRC错误列表 · LVS报告 · 错误定位跳转
验证DRC
17
多窗口与布局管理
Dock布局 · 标签页 · 窗口分割合并
窗口布局
18
主题与国际化
亮/暗主题 · i18n中英 · 字体图标
主题i18n
19
性能优化
虚拟列表 · Web Worker · 离屏渲染
性能渲染
20
数据可视化（D3.js）
时序波形 · 直方图/散点图 · 交互筛选
D3图表
21
WebSocket实时通信
长连接 · 推送仿真进度 · 双向同步
通信实时
22
文件系统操作
File API · 打开/保存 · 最近文件 · 自动保存
文件Electron
23
插件系统设计
生命周期 · API暴露 · 沙箱安全 · 示例插件
插件扩展
24
测试策略
Jest · React Testing Library · Playwright
测试E2E
25
打包与分发
Electron Builder · 代码签名 · 自动更新
打包分发
26
命令行接口（CLI）集成
调用CLI · 捕获stdout/stderr · 错误解析
CLI集成
27
用户认证与权限
登录界面 · JWT · RBAC权限控制
安全认证
28
日志与监控
Sentry · Lighthouse · 用户行为埋点
监控日志
29
项目实战（一）
原理图编辑器框架 · 元件库 · 网表导出
实战综合
30
项目实战（二）
仿真配置 · 波形查看器 · 端到端流程
实战完整