作為開發人員，我們可能會學習多門編程語言，不可能記住它們的所有方面。擁有 MDN 文檔很有幫助，但查看每個小問題可能會很耗時。在這些情況下，“備忘查詢手冊”可以成為現實生活的救星。在本文中，我們將探索一些快速且有用的備忘查詢手冊工具網站，這些備忘單每周都會為您節省數小時的浪費時間。
html Reference
htmlreference.io 是 HTML 的免費參考查詢網站。每個 HTML 元素和屬性都按字母順序列出，以提高您的理解，并提供適當的示例。
HTML Cheat Sheet
html-css-js.com，您是否需要一個包括編碼示例，Web開發人員工具和標記代碼生成器的資源？您會喜歡HTML清單。這張清單具有您需要的一切。它包括所有基本語法以及友好的示例。還包括文本編輯器，可讓您實時查看代碼。
CSS Cheat Sheet
htmlcheatsheet.com/css/，此CSS備忘單列出了最常見的CSS片段樣式：gradient, background, button, font family, border, radius, box, text-shadow generators, color pickers,等。還包括文本編輯器，可讓您實時查看代碼。
GRID
grid.malven.co，每個初學者都面臨 CSS 網格布局的困難。通過簡單的可視化示例，了解所有屬性。
FLEX
flexbox.malven.co，您可以使用彈性盒子flex布局構建響應式布局結構，而無需使用浮動或定位。這些簡單的可視化示例將使您熟悉所有 flexbox 屬性。您是否想創建一個完美對齊的網頁，但不知道使用哪個屬性？查看這些備忘單，快速了解您必須使用的特性。
JAVAScript Cheatsheet
ilovecoding.org/blog/js-cheatsheet，這份備忘查詢手冊提供了 JavaScript 的全面的概念內容 ，僅用 13 頁就可以將您從新手變成專家。它涵蓋了從 ES6+ 到 DOM API、事件、循環、函數、數組、對象、類型等等的所有內容。
Modern-JS-cheatsheet
github.com/mbeaudru/modern-js-cheatsheet，本查詢手冊是 JavaScript 的快速參考，提供了有關如何編寫高效代碼的實用建議。如果您已經熟悉 JavaScript，那么使用此查詢手冊應該事半功倍。
Cheatography
cheatography.com，Cheatography 擁有成千上萬的獨特的原創編程備忘手冊清單。您可以找到有關特定編程語言的相關信息并輕松下載。
OverAPI
overapi.com，您需要的所有備忘單都可以在 OverAPI 上找到。當您不記得某些內容無從下手時，您不再需要在著急撓頭。這些備忘手冊清單將幫助您。
結束
今天的分享就到這里，希望今天的分享能夠幫助到你，如果你喜歡我的分享，別忘了點贊轉發，讓更多的人看到，最后別忘記點個關注，你的支持將是我分享最大的動力，后續我會持續輸出更多內容，敬請期待。
原文：https://medium.com/@cannon_circuit/10-must-have-cheat-sheets-for-web-developers-810c2afa1206 作者 ：CodeCircuit 注：非直接翻譯，有部分添加內容
