返回作品列表

Web 应用2026示例项目

ATLAS让知识彼此连接

面向个人的知识整理工作台。连接文档、链接与笔记,用清楚的组织方式和关系图谱,把零散收藏变成可以持续使用的知识。

ATLAS 让知识彼此连接,概念界面展示

从一个具体的问题开始。

资料越来越多,真正需要时却很难找到。文件夹能解决归类,却不容易表现一个想法与另一个想法之间的联系。

让体验自然发生。

让标签、全文搜索与双向链接共同工作。保留熟悉的文档列表,同时提供关系视图,让信息既能快速查找,也能顺着关联探索。

统一收集入口

文章链接、短笔记和文档进入同一个收件箱,再逐步整理,减少收集时的决策负担。

关系可见

通过双向链接构建文档关系,在图谱中发现共同主题,也可以直接回到列表阅读。

搜索优先

支持标题与正文检索,结合标签缩小范围,搜索结果保留匹配上下文。

界面背后的实现。

按职责组织模块,让交互、数据与服务之间保持清晰的边界。

  1. React 工作台
  2. 文档 API
  3. PostgreSQL 搜索
  4. 图谱布局引擎
查看技术取舍

搜索请求进行防抖与取消处理,避免旧结果覆盖新结果。文档列表采用分页加载,关系图谱按当前视野控制渲染范围;复杂计算可以移入 Web Worker。

做完之后,再想一步。

知识工具的价值来自持续使用。正式案例可以展示检索耗时、文档规模以及大图谱渲染时的性能取舍。

下一个项目TRAIL下一程,去山野
项目大图