前言
大家好,我是咔咔超!这篇文章记录了我学习前端过程中遇到的一些值得收藏的工具或网站。
Css
Css知识图谱
CSS 知识图谱 – 特性 | 属性 | 布局 | 响应式 | 动画 传送门
Css常用样式
Css样式合集 传送门
Css灵感
以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。传送门
Animista
CSS动画库可以按需定制CSS动画效果以及自定义动画效果 传送门
SpinKit
CSS代码片段集合了各种加载效果的CSS代码片段 传送门
Box Shadow
Css盒子阴影大全 传送门
Css渐变背景
丰富好看的Css渐变背景 传送门
Css Minifier
在线网站Css代码简化、压缩 传送门
Css可视化
Css可视化生成器 传送门
Sass
Sass 中文网 成熟、稳定、强大的CSS扩展语言 传送门
Less
Less.js 中文文档 将CSS赋予了动态语言特性的样式语言 传送门
Stylus
CSS强力预处理器 传送门
Tailwindcss
Css类库 传送门
JavaScript
JavaScript教程
通俗易懂的JavaScript教程 传送门
JavaScript知识图谱
JavaScript知识图谱 – ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式 传送门
ES6教程
阮一峰大佬的ES6入门教程,业界标杆 传送门
近代JavaScript教程
JavaScript教程 传送门
JavsScript代码规范
高质量JS代码规范 传送门
TypeScript
TypeScript教程
详细的TypeScript教程 传送门
TypeScript知识图谱
TypeScript 知识图谱 – 静态类型检查 | 语法基础 | 配置使用 | 编译原理 传送门
NodeJs
Node.js学习指南
Node.js学习教程And笔记系统整理 传送门
NodeJs知识图谱
Node.js 知识图谱 – 模块 | 异步编程 | 进程 | I/O | 服务端应用 传送门
Vue
Vue知识图谱
Vue 知识图谱 – 基本概念 | 响应式原理 | 编译原理 | 框架生态 传送门
Vue源码之路
Vue源码逐行分析,系统解读 传送门
React
React中文网
React中文网 传送门
React知识图谱
React知识图谱 – 基本概念 | 进阶用法 | 框架生态 | 前沿技术 | 源码核心 传送门
React源码解析
React技术解密 传送门
Webpack
Webpack知识图谱
Webpack 知识图谱 – 模块化 | 基础概念 | 工作原理 | 实战应用 传送门
数据结构与算法
数据结构与算法知识图谱
数据结构与算法知识图谱 – 数据结构 | 算法 | 编程实现 传送门
Database
Database知识图谱
MySQL、MongoDB 传送门
DevOps
DevOps知识图谱
DevOps 知识图谱 – Linux | Nginx | 数据库 | 部署 | DevOps 传送门
面试汇总
前端面试常问题整理
按模块和知识点分类 传送门
前端面试开源项目汇总
在线网站工具
CodePen
前端在线测试和演示工具 国外站点 传送门
Can I use
Web前端兼容性列表 传送门
TinyPNG
PNG/JPG 图片在线压缩工具 传送门
web.dev
评测网站性能 传送门
Shape Divider
定制各种形状SVG的工具 传送门
Carbon
代码转图片工具 传送门
Wappalyzer
检测某个网站的技术栈 传送门
tool.lu
程序员在线工具大全 传送门
在线JSON格式化
在线网站免费的JSON格式化工具 传送门
在线生成短链接
免费的在线生成短链接网站 传送门