作為開(kāi)發(fā)人員，我們使用過(guò)許多語(yǔ)言，不可能記住它們的所有方面。擁有 MDN 文檔是有幫助的，但是查看每個(gè)小問(wèn)題可能非常耗時(shí)。在這些情況下，“備忘單”可以成為現(xiàn)實(shí)生活中的救星。在本文中，我們將探索一些快速而有用的備忘單，它們將為您每周節(jié)省數(shù)小時(shí)的浪費(fèi)時(shí)間。

HTML Reference

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

Htmlreference.io 是 HTML 的免費(fèi)參考，每個(gè) HTML 元素和屬性都按字母順序列出，以提高您的理解能力，并附上適當(dāng)?shù)氖纠?/p>

HTML Cheat Sheet

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

您想要一個(gè)包含編碼示例、 Web 開(kāi)發(fā)工具和標(biāo)記生成器的資源嗎？您會(huì)喜歡 HTML 備忘錄的。這個(gè)單頁(yè)備忘單包含了您需要的所有內(nèi)容。它包括所有的基本語(yǔ)法以及好的例子。還包括一個(gè)文本編輯器，可以讓您實(shí)時(shí)查看代碼。

CSS 小抄

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

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

GRID

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

每個(gè)初學(xué)者在使用 CSS 網(wǎng)格布局時(shí)都會(huì)遇到困難。GRID 通過(guò)簡(jiǎn)單的視覺(jué)示例，讓您了解所有的屬性。

FLEX

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

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

JavaScript Cheatsheet

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

這個(gè)備忘單提供了對(duì) JavaScript 的全面概述，僅用13頁(yè)就將您從初學(xué)者帶到了專家。它涵蓋了從 ES6 + 到 DOM API 的所有內(nèi)容、事件、循環(huán)、函數(shù)、數(shù)組、對(duì)象、類型等等。

Modern-JS-cheatsheet

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

本文檔是 JavaScript 的快速參考，提供了關(guān)于如何編寫高效代碼的實(shí)用建議。如果您已經(jīng)熟悉 JavaScript，那么使用這個(gè)引用應(yīng)該沒(méi)有問(wèn)題。

Cheatography

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

Cheatography 有成千上萬(wàn)獨(dú)特的、原創(chuàng)的編程備忘單，您可以找到關(guān)于特定編程語(yǔ)言的所有內(nèi)容并輕松下載它們。

OverAPI

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

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