前端导航

导航说明

本页面记录个人学习前端过程中使用过或遇到的类库

常用工具

Can I use

前端 API 兼容性查询

Squoosh

基于浏览器的本地图片压缩工具（支持自定义参数和格式转换）

TinyPNG

在线图片压缩工具

Carbon

代码图片生成

npm 库在线执行

在浏览器控制台中在线运行调试与测试 npm 中的库

开发者武器库

开发者武器库，做开发者最专业最好用的专业工具箱

在线工具

开发人员的工具箱

Json.cn

JSON在线解析及格式化验证 - JSON.cn

transform

一个支持多语言的在线转换器

shields.io

制作简洁、一致、易读的徽章

Excalidraw

手绘风格流程图

Draw.io

Draw.io 是一个用于构建图表应用程序的技术堆栈，也是世界上使用最广泛的基于浏览器的最终用户图表软件。

ProcessOn

免费在线流程图、思维导图

Git 相关

Github

GitHub 是一个面向开源及私有软件项目的托管平台。

GitLab

GitLab - 项目管理和代码托管平台

Gitee

Gitee - 基于 Git 的代码托管和研发协作平台

GitCode

GitCode - 全球开发者的开源社区,开源代码托管平台

AI 导航

ChatGPT

ChatGPT 镜像站点列表

文心一言（文小言）

通义千问

豆包

Kimi.ai

中文网

印记中文

印记中文 - 深入挖掘国外前端新领域，为国内 Web 前端开发人员提供优质文档！

Node.js 中文网

网站主页提供了更多优质中文网

Bootstrap 中文网

前端开源项目 CDN 加速服务，同时提供了一些技术的中文文档

pnpm 中文网

网站的友链部分，包含许多其它技术中文网站

Vue 生态

Vue CLI

Vue.js 开发的标准工具（脚手架）

Vue 2

渐进式 JavaScript 框架

Vue 3

渐进式 JavaScript 框架

Vue Router

Vue.js 的官方路由为 Vue.js 提供富有表现力、可配置的、方便的路由

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

Pinia

符合直觉的 Vue.js 状态管理库

VueUse

Vue Composition API 的常用工具集

Nuxt.js

一个基于 Vue.js 的通用应用框架

Element UI

一套为开发者、设计师和产品经理准备的基于 Vue 2 的桌面端组件库

Element Plus

基于 Vue 3，面向设计师和开发者的组件库

Quasar

适用于企业的跨平台 Vue.Js 框架

View UI Plus

基于 Vue.js 3 的一套 UI 组件库，主要用于企业级中后台系统。

Vuetify

是一个基于Material Design的 Vue 组件库

Naive ui

一个 Vue 3 组件库比较完整，主题可调，使用 TypeScript，快有点意思

Vant

轻量、可定制的移动端 Vue 组件库

Cube UI

基于 Vue.js 实现的精致移动端组件库

NutUI

京东风格的轻量级移动端组件库

React 生态

React

用于构建用户界面的 JavaScript 库

React Router

React 的声明式路由

Next.js

一个用于 Web 的 React 框架

UmiJS

插件化的企业级前端应用框架

Ant Design

一套企业级 UI 设计语言和 React 组件库

Ant Design Mobile

构建移动 WEB 应用程序的 React 组件库

Material UI

基于 Google Material Design 设计语言的 React 组件库

Mantine UI

一套功能齐全的 React 组件库

Zustand

一个小型、快速、可扩展的 React 状态管理解决方案

Valtio

makes proxy-state simple for React and Vanilla

Jotai

primitive and flexible state management for React

Redux

JavaScript 应用的状态容器，提供可预测的状态管理

MobX

一个小型、快速、可扩展的 React 状态管理解决方案

ahooks

一套高质量可靠的 React Hooks 库

编译 / 构建 / 打包

Webpack

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。

Vite

Vite 是一个超快速的前端构建工具，推动着下一代网络应用的发展

Rolldown （开发阶段）

Rolldown 是一个用 Rust 编写的 Js/Ts 打包器，旨在作为Vite未来使用的打包器。它提供了与 Rollup 兼容的 API 和插件接口，但在范围上与 esbuild 更相似。

OXC

JavaScript 氧化编译器，用 Rust 编写的 JavaScript 工具集合

Rollup

JavaScript 打包器，将点滴代码编织成错综复杂的程序。

Turbo

Turbo 是一个针对 JS 和 TS 优化的增量捆绑器和构建系统，用 Rust 编写。

Babel

Babel 是一个 JavaScript 编译器，主要用于将 ECMAScript 2015+ 代码转换为当前和旧版浏览器或环境中的向后兼容版本的 JavaScript。

esbuild

一款速度极快的 Web 打包工具

Parcel

Parcel 零配置构建工具，将出色的开箱即用开发体验与可扩展的架构相结合，可以让您的项目从刚起步阶段发展为大规模生产应用程序。

Gulp

用于自动化和增强您的工作流程的工具包，利用 gulp 和 JavaScript 的灵活性来自动执行缓慢、重复的工作流程，并将其组合成高效的构建管道.

SWC

SWC 是一个可扩展的 Rust 平台，适用于下一代快速开发工具。Next.js、Parcel 和 Deno 等工具以及 Vercel、字节跳动、腾讯、Shopify 等公司都在使用它。

CSS 相关

PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass

一个成熟，稳定，功能强大的专业级 CSS 扩展语言（CSS预处理器）

Less

Less 是一种向后兼容的 CSS 语言扩展（CSS预处理器）

Stylus

Stylus 是一种语法更为自由和灵活的 CSS 预处理器，简化了CSS的书写方式，去除许多不必要的符号

Tailwind CSS

一个功能类优先的 CSS 框架

UnoCSS

一个即时的原子化 CSS 引擎

Bootstrap

Bootstrap 是一款功能强大、功能丰富的 HTML、CSS 和 JS 前端开发框架。

You-need-to-know-css

Web开发者应该掌握的CSS tricks

CSS 常用样式

CSS 常用样式和奇技淫巧总结

静态站点生成器

Astro

Astro 是一个 JS 开源框架，支持静态站点生成，针对构建快速、内容驱动的网站进行了优化。

VuePress

Vue 驱动的静态网站生成器

VitePress

由 Vite 和 Vue 驱动的静态站点生成器

dumi

dumi 中文发音嘟米，为组件研发而生的静态站点框架

Docusaurus

基于 React 的静态网站生成器，快速构建以内容为核心的最佳网站

Hexo

快速、简洁且高效的博客框架

Jekyll

将纯文本转换为静态网站和博客。

Hugo

Hugo 是一个用Go编写的静态网站生成器，针对速度进行了优化，并设计了灵活性。可以在几秒钟内（通常更短）呈现完整的网站。

Eleventy

Eleventy 简称 11ty，是一个更简单的静态站点生成器

Gatsby

Gatsby 是一个基于 React 的免费、开源框架，用于帮助开发者构建运行速度极快的网站和应用程序

站点托管平台

Vercel

‌‌Vercel是一个云平台，用于构建、部署和扩展无服务器应用程序和静态网站。

Netlify

Netlify 是一家位于旧金山的云计算公司，为 Web 应用程序和静态网站提供托管和无服务后端服务。

Render

Render是一款卓越的云平台（Cloud Platform），专注于简化应用程序的部署和管理，帮助开发人员高效地构建和扩展应用程序。

Kinsta

Managed WordPress Hosting Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.

Stormkit

Scalable and Cost Effective Frontend Hosting A fully-featured, powerful, and self-hostable platform for deploying frontend applications. Take control over your infrastructure.

Surge

Static web publishing for Front-End Developers. Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.