作為開發人員，我們使用過許多語言，不可能記住它們的所有方面。擁有 MDN 文檔是有幫助的，但是查看每個小問題可能非常耗時。在這些情況下，“備忘單”可以成為現實生活中的救星。在本文中，我們將探索一些快速而有用的備忘單，它們將為您每周節省數小時的浪費時間。

HTML Reference

??https://htmlreference.io/??

Htmlreference.io 是 HTML 的免費參考，每個 HTML 元素和屬性都按字母順序列出，以提高您的理解能力，并附上適當的示例。

HTML Cheat Sheet

??https://htmlcheatsheet.com/??

您想要一個包含編碼示例、 Web 開發工具和標記生成器的資源嗎？您會喜歡 HTML 備忘錄的。這個單頁備忘單包含了您需要的所有內容。它包括所有的基本語法以及好的例子。還包括一個文本編輯器，可以讓您實時查看代碼。

CSS 小抄

??https://htmlcheatsheet.com/css/??

此 CSS 備忘單列出了最常見的 CSS 代碼片段樣式：gradient、background、button、font family、border、radius、box、text-shadow generators 和 color pickers等。還包括一個文本編輯器，可以讓您實時查看代碼。

GRID

??https://grid.malven.co/??

每個初學者在使用 CSS 網格布局時都會遇到困難。GRID 通過簡單的視覺示例，讓您了解所有的屬性。

FLEX

??https://flexbox.malven.co/??

您可以使用靈活的方框布局構建響應式布局結構，而不需要使用浮動或定位。FLEX 上這些簡單的可視化示例將使您熟悉所有的 Flexbox 屬性。您是否希望創建一個完美對齊的網頁，但不知道使用哪個屬性？查看這些備忘單，快速了解您必須使用的特性。

JavaScript Cheatsheet

??https://ilovecoding.org/blog/js-cheatsheet??

這個備忘單提供了對 JavaScript 的全面概述，僅用13頁就將您從初學者帶到了專家。它涵蓋了從 ES6 + 到 DOM API 的所有內容、事件、循環、函數、數組、對象、類型等等。

Modern-JS-cheatsheet

??https://github.com/mbeaudru/modern-js-cheatsheet??

本文檔是 JavaScript 的快速參考，提供了關于如何編寫高效代碼的實用建議。如果您已經熟悉 JavaScript，那么使用這個引用應該沒有問題。

Cheatography

??https://cheatography.com/??

Cheatography 有成千上萬獨特的、原創的編程備忘單，您可以找到關于特定編程語言的所有內容并輕松下載它們。

OverAPI

??https://overapi.com/??

您需要的所有備忘單都可以在 OverAPI 上找到，當你不記得某些事情的時候，你不再需要敲你的頭，這些小抄可以幫到你。