Web 开发人员的终极备忘单列表
作为开发者,我们使用多种不同的语言。这使得我们不可能记住所有细节。没错,我们有 MDN 文档,但为了解决每个小问题而查阅它们确实很耗时。这时,“备忘单”就派上用场了。
在这篇文章中,我们将介绍一些快速且实用的备忘单,它们可以帮您每周节省数小时的浪费时间。
说到 Web 开发,HTML 是首选。Web 开发通常包含三个基本要素:HTML、CSS 和 JAVASCRIPT。
HTML 速查表
正在寻找一份包含实用代码示例、Web 开发工具、标记生成器等内容的速查表?您一定会喜欢这份速查表。
它只有一页,可以满足您的所有需求。它涵盖了所有基本语法以及相应的示例。
想知道如何在网页上构建表格、列表和表单吗?这里应有尽有。
该备忘单还包含一个文本编辑器,可帮助您实时预览代码。
HTML 参考
如果您相信通过示例学习:让我来告诉您这一点。
htmlreference.io 是一个免费的 HTML 指南。您可以找到所有元素和属性,并附上相应的示例,以便更好地理解。
您会发现每个 HTML 元素都按字母顺序排列。
CSS 参考 - 免费的 CSS 视觉指南
众所周知,CSS 有很多属性。你能全部记住吗?我想应该没人记得吧。
那么有什么技巧呢?这些速查表就是个技巧。
如果您正在寻找具有足够示例的完整参考,则需要检查一下。
它具有最受欢迎的属性,并通过插图和动画示例来解释它们。
CSS 速查表
CSS 备忘单包含最常见的样式片段:CSS 渐变、背景、按钮、字体系列、边框、半径、框和文本阴影生成器、颜色选择器等。
该备忘单还包含一个文本编辑器,可帮助您实时预览代码。
GRID:CSS 网格布局的简单可视化速查表
通过简单的可视化示例了解网格布局的所有可用属性。作为一名开发人员,我一直使用这份便捷的速查表。
网格是每个 CSS 初学者都会遇到的难题之一。我每次遇到网格问题都会头疼。
FLEX:Flexbox 的简单可视化速查表
灵活的盒子布局模块可以更轻松地设计灵活的响应式布局结构,而无需使用浮动或定位。
通过简单的可视化示例,了解 Flexbox 的所有可用属性。您需要调整网页的对齐方式,但又不知道哪个属性合适?不妨看看这些速查表。它们能让您清楚地了解需要应用的属性。
在线交互式 JavaScript (JS) 备忘单
这份 JavaScript 速查表涵盖了最重要的概念、函数、方法等内容。它是一份面向初学者的完整快速参考指南。您
可以在此一页内找到 JS 循环、变量、对象、数据类型、字符串、事件以及许多其他类别的代码,并附带示例。
JavaScript 速查表
这份 13 页的速查表将带你从 JavaScript 的初学者一步步走向高级,掌握 JavaScript 的基础知识。它涵盖了正确的术语和常用语法。
该备忘单涵盖:ES6+、简单解释、DOM API、事件循环、函数、数组、对象、类型等等。
现代 JS 备忘单
本文档是 JavaScript 的备忘单,其中包含您在现代项目和大多数当代示例代码中经常遇到的提示、技巧和最佳实践。
如果您了解 JavaScript 的基础知识,那么这份备忘单将会对您有所帮助。
Cheatography.com
Cheatography 拥有数千份精彩绝伦的原创编程速查表。您可以找到与特定编程语言相关的所有内容,并轻松下载。
为了快速参考,这是最好的选择。
OverAPI.com
如果你正在寻找一个包含所有速查表的网站,那就来吧!
OverAPI.com 就是你的不二之选。你不用每次记不住东西就绞尽脑汁。看看这些速查表,让你的工作更轻松。
该网站汇总了许多流行编程语言的备忘单,例如 JavaScript、NodeJS、PHP、Python、CSS。
开发人员速查表
该备忘单汇集了几种最流行的语言:Web 开发历史、React 备忘单、React Router 备忘单、Redux 备忘单、ES6 备忘单、Request 备忘单。
使用这些方便的备忘单来熟悉语法及其用法。
总结
市面上有数百种资源,我希望这里列出的一些资源能够对您的日常工作有所帮助——最重要的是,能够帮助您避免一些耗时的例行任务。祝您编码愉快!
如果你有任何问题,请随时在Twitter上联系我
文章来源:https://dev.to/insha/the-ultimate-cheat-sheet-list-for-web-developers-2i9i