发布于 2026-01-06 1 阅读
0

我创建了 DevSheets.io——一个面向开发者的现代化速查表网站(以及我们为什么仍然需要它们)

我创建了 DevSheets.io——一个面向开发者的现代化速查表网站(以及我们为什么仍然需要它们)

我们都经历过这种情况:你正埋头写代码,突然需要回忆起某个 Git 命令,或是 CSS flexbox 属性的语法。你上网搜索,点击第一个结果,结果……到处都是广告。信息过时。加载缓慢。十段文字之后才出现真正的答案。

这就是我创建DevSheets.io 的原因——一个现代化、快速、简洁的速查表平台,其设计理念符合开发者的实际工作方式。

现有速查表的问题

别误会我的意思——市面上确实有一些很棒的资源。但很多资源都存在以下问题:

  • 信息过载且缺乏结构——所有内容都挤在一个巨大的可滚动页面上。
  • 内容已过时- 2025 年仍在展示 jQuery 示例
  • 糟糕的用户体验——烦人的广告、缓慢的加载速度、差劲的移动体验
  • 不支持搜索——查找特定命令意味着需要在大段文本中按 Ctrl+F 查找。

我想要一种感觉更贴近我们实际编码方式的工具——快速、专注、实用。多年来,我一直在创作关于 Web 开发和其他技术主题的教育内容,我把人们经常遇到的难题提炼出来,整理成简短精炼、易于理解的讲义。

完全免费,一分钱都不用花,也没有任何广告。浏览全部50多张图纸完全免费。

DevSheets 的独特之处

1.简洁、专注的设计

每份速查表都逻辑清晰,目录明确。没有干扰,没有广告。只有你需要的信息。

2.现代科技报道

我们专注于开发者在2025年实际使用的技术:

  • React Router v7(新增库模式和框架模式)
  • 用于服务器状态管理的 TanStack 查询
  • Docker 命令和编排
  • 现代 JavaScript 模式(async/await、模块等)

3.预计阅读时间和难度

每张表格都会显示参考资料的阅读时间和复杂度级别。打算学习 TypeScript?在深入学习之前,您就能知道这是一份 10 分钟即可完成的中级参考资料。

4.为速度而生

整个网站都针对性能进行了优化。界面简洁,导航流畅,在移动设备上使用也非常方便,尤其是在结对编程需要快速查找资料时。

堆栈

对于对技术感兴趣的人,以下是 DevSheets 的工作原理:

  • 前端:React 19、Next.js 15、TypeScript
  • 后端和数据库- Next.js、Prisma、PostgreSQL (Neon)
  • 样式:简洁、响应式的 CSS,使用 Tailwind CSS
  • DevOps - Vercel、Github Actions
  • 内容:易于更新和维护的结构化数据
  • 图标:每项技术均配有自定义 SVG 图标以及英雄图标。

我还在考虑:

  • 深色模式切换(当然)
  • 可下载的PDF文件供离线参考
  • 社区对小众技术的贡献
  • 某些概念的交互式示例

我为什么要分享这件事

我开发 DevSheets 是因为我自己需要它。最好的工具往往源于解决自身的需求。

但关键是——我需要你们的反馈。你们觉得缺少哪些速查表?哪些内容可以组织得更好?接下来我应该添加哪些技术?

请访问devsheets.io查看详情,并在评论区告诉我你的想法。

致其他建筑工人

如果您正在考虑创建开发者工具或资源:

  1. 从你自身的痛点入手——如果你需要,其他人可能也需要。
  2. 保持简洁——不要过度设计 v1
  3. 速度要快——开发者对速度慢的网站毫无耐心。
  4. 尽早获取反馈——公开构建,经常分享

网络上资源丰富,但总有改进的空间,可以做得更好、更快,或者更注重用户体验。


你最常参考哪些速查表?请在下方留言!

🔗访问 DevSheets.io

文章来源:https://dev.to/bradtraversy/i-built-devsheetsio-a-modern-cheat-sheet-site-for-developers-and-why-we-still-need-them-31bp