最喜欢的前端速查表

我一直在自学前端开发，并且在学习的早期我就意识到了一些事情：

有太多东西需要了解，我不可能全部记住。

我也不应该把所有东西都记住。我需要找到一些资源和系统来帮我分担一些繁重的脑力劳动。以下是我最近一直在参考的一些小抄和参考指南：

HTML

语义备忘单
➡️我用它来提醒自己如何合并语义正确的 HTML 标记（当我第一次开始学习该语言时，这一点并不明显）。

CSS

CSS 速查表
➡️ 我喜欢它的交互性。它不仅能让你一目了然地了解 CSS，还能点击每个方框，跳转到单独的标签页查看更多信息。

CSS 参考指南
➡️ 视情况而定，我可能也会用到这个指南。这个指南也是交互式的，并且在网站内提供了更多信息。

Flexbox和Grid指南
➡️ 这两篇指南均由 CSS-Tricks 发布，也是我最喜欢的两篇指南。对我来说，它们视觉上很吸引人，而且通俗易懂，而且我喜欢它们从一开始就提供背景信息并定义术语的方式。

JavaScript

交互式 JS 速查表
➡️ 使用此速查表，您可以选择调整显示的信息。您可以隐藏不想看到的面板，也可以将面板固定在顶部。此外，我们还提供 HTML、CSS、jQuery 和 SEO 相关的类似速查表。

Codecademy 速查表
➡️ 这有助于我加深对 JavaScript 基本概念的理解。我也很喜欢它简洁的用户界面。

前端框架

Bootstrap 4 速查表
➡️ 除了 Bootstrap 文档之外，我还用这个。你不仅可以点击每个类来了解更多信息，还可以预览每个代码片段在浏览器中的显示效果。➡️
现在 Bootstrap v5.0 已经很流行了，我会留意任何针对该版本定制的速查表。

Tailwind 速查表
➡️ 在我学习 Tailwind CSS 的过程中，这已经成为我的新宠了。我喜欢速查表内搜索和按版本筛选的功能（一直到本文撰写时的最新版本 2.0.1）。我会再次将它与官方文档一起使用。

Git 和 Markdown

Atlassian Git 速查表
➡️ 我喜欢它对不同 git 命令（log、reset、diff、push 等）的分类。所有内容都以简洁的 PDF 格式呈现。

Markdown 备忘单
➡️ 分为两部分：Markdown 语法和 GitHub 风格的 Markdown。

表情符号速查表
➡️ 谁不喜欢好看的表情符号速查表呢？😉 我喜欢它的即时搜索功能，点击表情符号就可以复制。

这些资源让我能够快速地（大部分）在一个地方获取我需要跟踪的所有信息。哪些速查表或参考指南对你有帮助？