前段开发 超实用工具网站合集

码农们都知道，写代码是一个不断参考也不断Learning的过程

今天就为大家带来一波掌握前端网页开发超有用的Cheat Sheet！

1️⃣ HTML Reference

该网站的特色在于所有的elements和attributes都有例子作为说明，方面理解。而且，完全免费哦~

2️⃣ HTML Cheat Sheet

有很多常用的代码示例和Web开发工具、markup generators等等，一些示例可以直接搬运到自己的项目里使用

3️⃣ CSS Cheat Sheet

网站很像学霸们准备的高分笔记，内含最常见的样式的Snippets，比如CSS gradient, background, button, font-family, border, radius, box等等，可用于做项目和面试准备。

4️⃣ CSS Reference - A free visual guide to CSS

有很多非常实用的参考例子，包含所有的CSS properties可供查询

5️⃣ FLEX

Flexbox是好多人初学前端开发时候的一个坎儿。该网站可以快速可视化一个Flexbox，并显示所有相关的properties。

6️⃣ GRID

可以可视化CSS Grid Layout的一个网站，也会显示所有相关properties。

7️⃣ OverAPI

程序员福音！一个cheatsheet大合集网站。可以找到J.S, NodeJS, PHP, Python等大多数常见编程语言

8️⃣ Online Interactive JavaScript (JS) Cheat Sheet

对新手超级友好的JS参考网站，包含了很多重要的概念、函数等等

#IT#web前端开发#学习#程序员#码农#html#css#JavaScript#实用网站