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