前端开发者必备:9个查询手册工具网站推荐

发表时间: 2023-01-27 12:02

作为开发人员,我们可能会学习多门编程语言,不可能记住它们的所有方面。拥有 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

注:非直接翻译,有部分添加内容