这是一款基于 Chrome Extension Manifest V3 开发的浏览器书签管理工具,核心定位是"可视化书签清理与归档工作区",解决浏览器原生书签管理器在大量书签场景下操作效率低、缺乏全局视角、无法安全试编辑等痛点。
思维导图画布引擎:完全自研的 DOM + SVG 混合渲染方案,无第三方图形库依赖。实现了树形布局算法、SVG 贝塞尔曲线渐变连线、虚拟根节点分组、基于 Fenwick Tree 的重叠消解算法,以及面向 400+ 节点大规模书签树的视口裁剪优化。
Draft-First 编辑架构:所有操作在标准化"草稿图"上进行,不直接修改浏览器书签。支持完整 CRUD——创建子/兄弟节点、编辑标题 URL、拖拽移动、键盘排序与层级提升、批量删除子树。每次修改生成 patch 快照差分,支持 Ctrl+Z 撤销。
重复书签检测:支持按标题/URL 模糊搜索,提供"仅重复项"模式自动按 URL 分组聚合冗余书签。
浏览器同步与安全回写:通过 diff 增量算法生成操作序列写回浏览器书签树,写回前自动创建本地备份,失败时触发尽力回滚保护数据。
WebDAV 云端同步:支持自配置 WebDAV 服务端,上传/下载版本化快照(最多 5 个历史版本),含连接检测、权限管理、版本选择恢复。
启动引导与持久化:自动检测本地草稿会话,有则恢复、无则从浏览器导入,状态实时持久化。
技术栈:TypeScript strict + React 19 + Vite 6.2 + Vitest,运行时仅依赖 react/react-dom。架构遵循单一编辑真相源、显式副作用、失败保护草稿等原则,分层清晰可测试。
本人作为独立全栈开发,负责从需求定义、架构设计、UI 交互到全部编码、测试和工程化的完整工作流,涉及 Chrome Extension API、书签树操作、自研图形布局算法、WebDAV 协议对接、离线持久化等多个技术领域。