终极 Cheat Sheets 合集(200+)-🔥🎁 / 开发路线图🚀

2025-05-28

终极 Cheat Sheets 合集(200+)-🔥🎁 / 开发路线图🚀

Hello World今天我想与大家分享每个开发人员都应该知道的 Cheatsheet 汇编。

您可以在网上找到的最完整的备忘单汇编!

PS:我花了大约 8 个小时才完成整篇文章(两部分) - 所以请记住点赞 ❤️ 甚至超级点赞🦄

🔖 - 为文章添加书签以保存


⚡赠品⚡

我们正在 Udemy 上免费赠送您需要的任何课程。任何价格,任何课程。
参与赠品活动的步骤
--> 回复此帖子
-->订阅我们的新闻通讯 <--非常重要


另请阅读:


目录:

-- 第 1 部分 -- (本部分)

💻 -前端
  1. HTML
  2. CSS
  3. Bootstrap + Bootstrap 替代方案
  4. JavaScript
  5. 基于 Javascript 的框架(Angular、Vue、React 及其他)
  6. WordPress

📕 -后端
  1. Python
  2. + Django
  3. 节点
  4. 表达
  5. 打字稿
  6. Angular - React - Vue -其他
  7. jQuery
  8. 红宝石
  9. C#
  10. PHP

📓 -数据库
  1. SQL
  2. NoSQL

— 第二部分 —

📱 -移动应用
  1. Java
  2. 科特林
  3. Android 工作室
  4. 迅速
  5. 反应

🖲 -版本控制
  1. Git
  2. GitHub

📗 - MDN / W3school
  1. 学习 Web 开发
  2. HTML
  3. CSS
  4. JavaScript
  5. HTTP
  6. 蜜蜂
  7. 其他的

🚀 -额外
  1. LUA(游戏开发)
  2. R(数据科学)
  3. Scala(数据科学)
  4. 您的资料来源
  5. Chrome 扩展程序
  6. VS代码设置

记得点赞❤️❤️❤️

转至底部 - ⬇️


💻 - 前端

元素表:
  1. HTML
  2. CSS
  3. Bootstrap + Bootstrap 替代方案
  4. JavaScript
  5. 基于 Javascript 的框架(Angular、Vue、React 及其他)
  6. WordPress

HTML

目录
  1. 完整的 HTML 备忘单
  2. HTML 工具
  3. HTML 标签
  4. HTML 事件
  5. HTML 元素+ 比较 HTML 版本
  6. 预处理器
  7. 哈巴狗
  8. 哈姆尔
  9. 苗条的


完整的 HTML 备忘单:

我的 HTML 速查表文章 🙃

-

图像

由蓝色主机

-

图像

来自 digital.com

非常好的用户体验

-

图像

来自 freelance.com - 新手指南 + 备忘单

-

图像

通过网站设置

返回顶部 - 🔝


HTML 工具:

图像

通过“HTML 速查表”

工具
  • 颜色/字符/表情符号选择器
  • 标签备忘单
  • 属性速查表
  • 不同类型的结构(表格/列表)
  • 乱码(随机)文本生成器
  • iframe 生成器
  • 表格/链接/图像/列表生成器
  • 空白页/页面结构

-

HTML 清理器

-

表情符号百科

-

表情符号备忘单(Font Awesome 图标参考)

另一个表情符号速查表

-

我可以使用

返回顶部 - 🔝


HTML 标签:

Dev.to 文章

-

图像

通过网站设置

-

图像

由 in motion hosting

返回顶部 - 🔝


HTML 事件:

图像

由 in motion hosting

返回顶部 - 🔝


HTML元素:

图像

作者:meiert

返回顶部 - 🔝


HTML预处理器:

哈巴狗:

哈巴狗网站

图像

根据开发提示

HTML 到 Pug

-

哈姆尔:

Haml 网站

图像

在 cheatography

HTML 到 Haml

-

苗条的:

精简网站

图像

根据开发者提示

HTML 瘦身

返回顶部 - 🔝


CSS

目录
  1. 如何编写更好的 CSS
  2. 完整的 CSS 备忘单
  3. CSS 工具
  4. CSS 选择器
  5. CSS 简写
  6. CSS网格
  7. CSS 弹性框
  8. 预处理器
  9. 较少的
  10. 萨斯
  11. 触控笔


如何编写更好的 CSS:

Dev.to 文章

返回顶部 - 🔝


完整的 CSS 备忘单:

图像

通过网站设置

-

图像

由 hostinger 提供- 13 页

PDF版本

-

图像

作者:on blast blog(PDF 版本) - 18 页

图像

作者:亚当·马斯登

-

通过 overapi

返回顶部 - 🔝


CSS工具:

图像

通过“HTML 速查表”

-

RGB 颜色选择器
另一个


CSS 选择器:

图像

作者:Cheatography

返回顶部 - 🔝


CSS 简写:

图像

来自网络

返回顶部 - 🔝


CSS网格:

图像

通过 CSS 技巧

-

图像

作者:malven.co

-

2021 年 CSS 网格速查表(dev.to 提供)- Joy Shaheb撰写

返回顶部 - 🔝


CSS 弹性框:

图像

通过 CSS 技巧

-

图像

作者:malven.co

-

dev.to 上的2021 年 FlexBox 速查表 || CSS 2021 - Joy Shaheb 撰写

返回顶部 - 🔝


CSS预处理器:

较少的:

更少的网站

图像

在 Pinterest

-

萨斯:

Sass 网站

图像

在 Reddit

-

触控笔:

Stylus 网站

图像

根据开发者提示

返回顶部 - 🔝


引导

官方网站

文档

完整的 Bootstrap 备忘单:

图像

由 hacker themese

-

图像

通过获取 boostrap.com

-

图像

通过网站设置(PDF 版本) -50 页!

-

图像

作者:hackr.io

-

图像

按主题选择

-

Bootstrap 图标

Bootstrap 主题

返回顶部 - 🔝


Bootstrap 替代方案:

图像

最佳 Bootstrap 替代方案

布尔玛

图像

骨骼

图像

纯的

图像

平底靴

图像

穆勒

图像

返回顶部 - 🔝


JavaScript

目录
  1. 完整的 Javascript 备忘单
  2. JS 承诺
  3. JS 数组
  4. JS 循环
  5. 预处理器
  6. CoffeScript
  7. 埃杰斯
  8. 巴别塔


完整的 JS 备忘单:

图像

根据开发者提示

-

通过 overapi

-

图像

通过网站设置

PDF版本

-

通过 HTML cheat sheet.com - Interactive

返回顶部 - 🔝


JS 承诺(异步 JS):

图像

作者:codecadamy

-

Dev.to 文章 1

Dev.to 文章 2

返回顶部 - 🔝


JS 数组:

图像

根据开发者提示

返回顶部 - 🔝


JS 循环:

图像

作者:codecademy

返回顶部 - 🔝


JS预处理器:

CoffeeScript:

CoffeeScript 网站

图像

在 karloeaspirity.io

快速参考 - Autotelicum 撰写 - PDF 版本

JS 到 CoffeeScript

-

EJS:

EJS 网站

EJS 文档

图像

在一个编译器上

-

在 GitHub

-

巴别塔:

Babel 网站

Babel 文档

图像

作者:karloespiritu.io

中等

返回顶部 - 🔝


WordPress

官方网站

WordPress 的 Wikipedia 页面

文档

主题

插件

-

图像

通过网站设置

PDF版本

-

图像

通过 hostinger

-

图像

Wordpress 清单

-

wpnewsify.com 整理的 25 个 WordPress 速查表


📕 - 后端

目录
  1. Python
  2. + Django
  3. 节点
  4. 表达
  5. 打字稿
  6. Angular - React - Vue -其他
  7. jQuery
  8. 红宝石
  9. Ruby on Rails
  10. C#
  11. PHP
  12. 返回顶部 - 🔝

Python

图像

通过网站设置

-

图像

来自 python cheat sheet.org

-

通过 overapi

-

图像

GitHub 上的 NumPy 速查表

返回顶部 - 🔝


Django

14 个 Django 速查表:

图像

通过 cheatography

-

图像

通过 barhoring

-

Django 文档

返回顶部 - 🔝


节点

图像

通过 overapi

-

6 节点备忘单:

图像

通过 cheatography

-

图像

根据开发者提示

返回顶部 - 🔝


表达

图像

通过 cheatography

-

图像

根据开发者提示

-

GitHub 上的备忘单

通过 overapi

返回顶部 - 🔝


打字稿

图像

Typescript 与 Javascript 对比

另一篇文章

-

图像

通过 sitepen

-

图像

根据开发者提示

返回顶部 - 🔝


基于 JavaScript 的框架:

文章 Angular vs Vue vs React at codeinwp.com

图像

最佳 JavaScript 框架

角度

图像

通过角度

-

图像

根据开发者提示

返回顶部 - 🔝


Vue

图像

通过 vue mastery

-

由 marozed 提供

-

图像

根据开发者提示

返回顶部 - 🔝


反应

图像

根据开发者提示

-

在 GitHub 上:React + Typescript 速查表

-

作者:react cheat sheet.com

返回顶部 - 🔝


其他的

Ember.js:

图像

网站

流星:

图像

网站

秘银:

图像

网站

节点

图像

网站


JQuery

GitHub 上的 AJAX 简介 + 速查表

-

图像

作者:ascarotero.com - 做得非常好

-

通过 API

-

图像

按网站设置 - PDF 版本

-

图像

通过制作网站中心

PDF版本

-

图像

关于 10 个最佳 jQuery 速查表的文章

返回顶部 - 🔝


GitHub 1 上的备忘单

GitHub 2 上的备忘单

去游乐场

-

作者:cheat-sheets.org

PDF版本

-

图像

根据开发者提示

返回顶部 - 🔝


红宝石

由维京密码学校提供

通过测试教育

PDF版本

在 GitHub

通过 overapi

返回顶部 - 🔝


Ruby on Rails

图像

书籍 - Ruby on Rails 教程:学习使用 Rails 进行 Web 开发

-

在 GitHub

由 OWASP

返回顶部 - 🔝


图像

作者:cheats.rs

-

在 GitHub

GitHub 上的另一个

返回顶部 - 🔝


C#

图像

由编码员

-

作者:hackr.io

-

由 Okta 开发人员提供

返回顶部 - 🔝


PHP

通过 overapi

-

图像

通过网站设置

PDF版本

-

图像

通过 cheatography

PDF版本

-

图像

由前线 php.com 提供

返回顶部 - 🔝


📓 - 数据库

目录
  1. SQL
  2. NoSQL
  3. 返回顶部 - 🔝


SQL 与 NoSQL

图像

由 scylladb

-

图像

由 clariontech 提供


SQL

图像

通过网站设置

PDF版本

-

图像

由 sqltutorial

PDF版本

-

作者:dataquest.io


MySQL

图像

根据开发者提示

-

由 mysqltutorial

-

在 GitHub

返回顶部 - 🔝


PostgreSQL

图像

来自 postgresql 教程

PDF版本

-

在 GitHub

返回顶部 - 🔝


SQLite

图像

通过 SQLite 教程

-

在 GitHub

返回顶部 - 🔝


NoSQL

MongoDB

图像

作者:developer.mongodb

-

图像

作者:bmc.com

PDF版本

-

在 GitHub

返回顶部 - 🔝


卡桑德拉

图像

通过 cheatography

PDF版本

-

在 GitHub

-

通过 tutorialspoint

返回顶部 - 🔝


Redis

图像

由 lzone 提供

-

在 GitHub

-

作者:simple cheat sheet.com

返回顶部 - 🔝


可在第 2 部分获取:移动应用 / 版本控制 / MDN / Extra

希望这有帮助!


其他文章:


加入我们的 Discord - 目前正在举办免费 Udemy 课程赠送活动!

记得点赞❤️❤️❤️

文章来源:https://dev.to/worldindev/the-ultimate-compilation-of-cheat-sheets-100-268g
PREV
终极 Cheat Sheet 合集 (200+) - 🔥开发路线图 🚀 - 2
NEXT
终端备忘单🔥 - 最有用的终端命令🚀