语言技术
React、TypeScript系统类型
Web行业分类
开发工具
数字化办公与知识经济持续升温，个人与团队对**结构化思考、信息沉淀、跨场景复用**的需求不断增长。
思维导图正从桌面软件向 **云端 / Web / 多端协同** 演进，并与表格、手绘、AI 助手深度融合。
**主要场景**
- 教育培训
- 产品规划
- 项目管理
- 研究笔记
**趋势要点**
- 轻量、可嵌入、可二次集成的导图工具需求旺盛
- 大模型推动节点级 AI 探讨、智能分组与样式生成成为差异化卖点
- 微服务化降低企业将导图能力嵌入内部平台的成本
面向知识工作者的可视化组织类产品，市场空间稳定扩大，具备长期迭代与生态扩展价值。
帮助用户以树状 / 网状结构组织想法与知识，面向个人整理与轻量协作。
**导图编排**
- 多份思维导图创建与管理
- 画布拖拽节点，维护父子连线与层级
- 拖近目标节点，通过「挂载触手」快捷建立关系
- 悬停连线显示 ×，一键解除父子关系
**节点能力**
- 标题 / 内容编辑、样式、标签、复制、收缩展开
- 表格输入（模板、搜索、导入导出、输出配置）
- 节点手绘
**其他**
- 导图内搜索、根节点列表、分组管理
- AI 探讨、表格样式设计、智能分组
- API 持久化与导出分享
### 我负责的任务
- Web 前端工程搭建与持续迭代
- 画布交互、状态管理、API 对接
- 构建发布、运维脚本与版本文档维护
### 技术栈与架构
- **核心**：React + TypeScript + Vite
- **画布**：Konva / react-konva（节点、连线、拖拽）
- **状态**：Zustand（导图 / UI / 历史）
- **请求**：Axios（认证、CRUD、模板 / AI 等）
- **其他**：Ant Design、i18next、jsPDF
**分层**
```text
组件层 → Store → Services → 远端 API
```
画布渲染与业务状态解耦。
### 难点与亮点
- 拖动挂载触手 + 防成环的关系重建
- 连线解除后子树层级同步
- 表格模板与使用记录
- 节点复制范围控制
- 代理路径下固定资源前缀与 source map 可调试构建
### 前期构建方式
vibe coding by cursor等编程智能体
### 后期侯建方式
by tools-hub 平台 （https://www.proginn.com/w/1583582）
评论