前端常用工具网站分享

6,862 阅读3分钟

前言

大家好,我是咔咔超!这篇文章记录了我学习前端过程中遇到的一些值得收藏的工具或网站。

Css

Css知识图谱

CSS 知识图谱 – 特性 | 属性 | 布局 | 响应式 | 动画 传送门

image.png

Css常用样式

Css样式合集 传送门

image.png

Css灵感

以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。传送门

image.png

Animista

CSS动画库可以按需定制CSS动画效果以及自定义动画效果 传送门

image.png

SpinKit

CSS代码片段集合了各种加载效果的CSS代码片段 传送门

Box Shadow

Css盒子阴影大全 传送门

image.png

Css渐变背景

丰富好看的Css渐变背景 传送门

image.png

Css Minifier

在线网站Css代码简化、压缩 传送门

image.png

Css可视化

Css可视化生成器 传送门

image.png

Sass

Sass 中文网 成熟、稳定、强大的CSS扩展语言 传送门

image.png

Less

Less.js 中文文档 将CSS赋予了动态语言特性的样式语言 传送门

image.png

Stylus

CSS强力预处理器 传送门

image.png

Tailwindcss

Css类库 传送门

image.png

JavaScript

JavaScript教程

通俗易懂的JavaScript教程 传送门

image.png

JavaScript知识图谱

JavaScript知识图谱 – ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式 传送门

image.png

ES6教程

阮一峰大佬的ES6入门教程,业界标杆 传送门

image.png

近代JavaScript教程

JavaScript教程 传送门

image.png

JavsScript代码规范

高质量JS代码规范 传送门

image.png

TypeScript

TypeScript教程

详细的TypeScript教程 传送门

image.png

TypeScript知识图谱

TypeScript 知识图谱 – 静态类型检查 | 语法基础 | 配置使用 | 编译原理 传送门

image.png

NodeJs

Node.js学习指南

Node.js学习教程And笔记系统整理 传送门

image.png

NodeJs知识图谱

Node.js 知识图谱 – 模块 | 异步编程 | 进程 | I/O | 服务端应用 传送门

image.png

Vue

Vue知识图谱

Vue 知识图谱 – 基本概念 | 响应式原理 | 编译原理 | 框架生态 传送门

image.png

Vue源码之路

Vue源码逐行分析,系统解读 传送门

image.png

React

React中文网

React中文网 传送门

image.png

React知识图谱

React知识图谱 – 基本概念 | 进阶用法 | 框架生态 | 前沿技术 | 源码核心 传送门

image.png

React源码解析

React技术解密 传送门

image.png

Webpack

Webpack知识图谱

Webpack 知识图谱 – 模块化 | 基础概念 | 工作原理 | 实战应用 传送门

image.png

数据结构与算法

数据结构与算法知识图谱

数据结构与算法知识图谱 – 数据结构 | 算法 | 编程实现 传送门

image.png

Database

Database知识图谱

MySQL、MongoDB 传送门

image.png

DevOps

DevOps知识图谱

DevOps 知识图谱 – Linux | Nginx | 数据库 | 部署 | DevOps 传送门

image.png

面试汇总

前端面试常问题整理

按模块和知识点分类 传送门

image.png

前端面试开源项目汇总

传送门

在线网站工具

CodePen

前端在线测试和演示工具 国外站点 传送门

image.png

Can I use

Web前端兼容性列表 传送门

image.png

TinyPNG

PNG/JPG 图片在线压缩工具 传送门

image.png

web.dev

评测网站性能 传送门

image.png

Shape Divider

定制各种形状SVG的工具 传送门

image.png

Carbon

代码转图片工具 传送门

image.png

Wappalyzer

检测某个网站的技术栈 传送门

image.png

tool.lu

程序员在线工具大全 传送门

image.png

传送门 image.png

在线JSON格式化

在线网站免费的JSON格式化工具 传送门

image.png

在线生成短链接

免费的在线生成短链接网站 传送门

image.png

开源项目收藏

中国独立开发者项目列表

image.png

完结

参考# 前端老司机 70+ 实用工具网站分享(建议收藏!)