Skip to content
前端进阶
Main Navigation 常用导航
你需要知道的前端知识
React系列
Nextjs系列
TypeScript系列
Webpack系列
Node系列
Nest系列
Go系列
Mysql系列
Docker系列
源码共读
aHooks源码解析
UmiJS源码解析

外观

本页目录

前端导航 ​

常用工具

Can I use
Can I use

前端 API 兼容性查询

TinyPNG
TinyPNG

在线图片压缩工具

Carbon
Carbon

代码图片生成

npm 库在线执行
npm 库在线执行

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

开发者武器库
开发者武器库

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

在线工具
在线工具

开发人员的工具箱

Json 中文网
Json 中文网

JSON 在线解析及格式化验证

transform
transform

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

Excalidraw
Excalidraw

手绘风格流程图

AI 导航

ChatGPT(最强)
ChatGPT(最强)
对话
ChatGPT 镜像站点列表
ChatGPT 镜像站点列表
Notion AI
Notion AI
笔记
Midjourney
Midjourney
绘画
Stable Diffusion
Stable Diffusion
绘画
LangChain
LangChain
框架
Ollama
Ollama
LLM框架
Chatbox
Chatbox
AI客户端
Cherry Studio
Cherry Studio
AI助手
siliconflow
siliconflow
LLM
openwebui
openwebui
AI

React 生态

React
React

用于构建用户界面的 JavaScript 库

React Router
React Router

React 的声明式路由

Next.js
Next.js

一个用于 Web 的 React 框架

Shadcn UI
Shadcn UI

这是一套设计精美的组件,你可以将组件的源码复制并粘贴到你的 应用程序中直接使用。所有组件都是基于 Tailwind CSS 构建且开源的

Hero UI
Hero UI

Beautiful, fast and modern React UI library for building accessible and customizable web applications.

MUI
MUI

MUI offers a comprehensive suite of free UI tools to help you ship new features faster

UmiJS
UmiJS

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

Alita
Alita

一个基于 Umi 的前端框架

Father
Father

father 是一款 NPM 包研发工具,能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布

Dvajs
Dvajs

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

Ant Design
Ant Design

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

Ant Design Mobile
Ant Design Mobile

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

Ant Design Pro
Ant Design Pro

开箱即用的中台前端/设计解决方案

Zustand
Zustand

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

Valtio
Valtio

makes proxy-state simple for React and Vanilla

Jotai
Jotai

primitive and flexible state management for React

Redux
Redux

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

MobX
MobX

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

ahooks
ahooks

一套高质量可靠的 React Hooks 库

Crate-React-App
Crate-React-App

React 官方出品的脚手架工具

React-use
React-use

React Hooks 实用工具库

Recoil
Recoil

React 状态管理库

Redux Toolkit
Redux Toolkit

Redux 官方推出的工具包

React Slick
React Slick

最后一个你需要的轮播

SWR
SWR

用于数据请求的 React Hooks 库

React-Query
React-Query

Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular

Vue 生态

Vue 3
Vue 3

渐进式 JavaScript 框架

Vue 2
Vue 2

渐进式 JavaScript 框架

Vue Router
Vue Router

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

Pinia
Pinia

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

Nuxt.js
Nuxt.js

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

VueUse
VueUse

Vue Composition API 的常用工具集

Element Plus
Element Plus

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

Ant Design Vue
Ant Design Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品

Vant
Vant

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

Cube UI
Cube UI

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

NutUI
NutUI

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

JavaScript 框架类库

Svelte
Svelte

将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码

SolidJS
SolidJS

一个声明式、高性能、灵活的 JavaScript 库

jQuery API 中文文档
jQuery API 中文文档

一个兼容多浏览器的 JavaScript 框架

CSS 相关

PostCSS
PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass
Sass

一个成熟,稳定,功能强大的专业级 CSS 扩展语言

Less
Less

Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言

TailwindCSS 中文网
TailwindCSS 中文网

一个功能类优先的 CSS 框架

Unocss 中文网
Unocss 中文网

即时按需的原子级CSS引擎

You-need-to-know-css
You-need-to-know-css

Web开发者应该掌握的CSS tricks

CSS 常用样式
CSS 常用样式

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

CSS 常见布局

CSS 各种常见的布局实现

小程序相关

微信小程序文档
微信小程序文档

微信小程序官方开发者文档

跨平台

Electron
Electron

使用 Web 技术构建跨平台桌面应用程序

Tauri
Tauri

使用 Web 技术构建更小、更快、更安全的桌面应用程序

Taro
Taro

多端统一开发解决方案

uni-app
uni-app

一个使用 Vue.js 开发所有前端应用的框架

Mpx
Mpx

增强型跨端小程序框架

Rust相关

Rust 语言中文社区
Rust 语言中文社区

Rust 语言中文社区

Rspack
Rspack

The fast Rust-based web bundler

Turbo
Turbo

Build faster, ship faster

Mako
Mako

Mako 是「极快」和「生产级」的前端构建工具,基于 Rust

SWC
SWC

Rust-based platform for the Web

fnm

Fast Node Manager

Node 相关

Node.js
Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

Express
Express

基于 Node.js 平台,快速、开放、极简的 Web 开发框架

Koa
Koa

基于 Node.js 平台的下一代 web 开发框架

Egg
Egg

为企业级框架和应用而生

Nest.js 中文文档
Nest.js 中文文档

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架

trpc
trpc

Move Fast and Break Nothing. End-to-end typesafe APIs made easy

strapi
strapi

The leading open-source headless CMS

可视化

ECharts
ECharts

一个基于 JavaScript 的开源可视化图表库

AntV
AntV

蚂蚁集团全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

D3.js
D3.js

一个遵循 Web 标准用于可视化数据的 JavaScript 库

Chart.js
Chart.js

一个简单而灵活的 JavaScript 图表库

Three.js
Three.js

JavaScript 3d 库

编译&构建&打包

Webpack 中文网
Webpack 中文网

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

Vite 中文文档
Vite 中文文档

下一代前端工具链

Rollup
Rollup

Rollup 是一个 JavaScript 模块打包器

Turbo
Turbo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust

Babel
Babel

Babel 是一个 JavaScript 编译器

esbuild
esbuild

An extremely fast bundler for the web

SWC
SWC

Rust-based platform for the Web

图标库

iconfont
iconfont

国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能

IconPark 图标库
IconPark 图标库

IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标

Iconify
Iconify

一个开源的图标集合和图标工具

Icônes
Icônes

基于 Iconify 的图标浏览器

Simple Icons
Simple Icons

包含 2457 种流行品牌的免费 SVG 图标库

Emoji searcher
Emoji searcher

emoji 表情大全

Emoji Cheat Sheet
Emoji Cheat Sheet

可以在 GitHub 中使用的 emoji 表情

gitmoji
gitmoji

可以在 git 中使用的 emoji 表情

站点生成器

Astro
Astro

一个现代化的轻量级静态站点生成器

VitePress
VitePress

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

VuePress
VuePress

Vue 驱动的静态网站生成器

dumi
dumi

基于 Umi 为组件研发而生的静态站点框架

Docusaurus
Docusaurus

基于 React 的静态网站生成器

前端学习资料

MDN | Web 开发者指南
MDN | Web 开发者指南

Mozilla 的开发者平台,提供了大量关于 HTML、CSS 和 JavaScript 的详细文档以及广泛的 Web API 参考资

菜鸟教程
菜鸟教程

学的不仅是技术,更是梦想!

ES6 入门教程
ES6 入门教程

阮一峰的网络日志

社区

GitHub
Github

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

Stack Overflow
Stack Overflow

全球最大的技术问答网站

稀土掘金
稀土掘金

面向全球中文开发者的技术内容分享与交流平台

V2EX
V2EX

一个关于分享和探索的地方

SegmentFault 思否
SegmentFault 思否

技术问答开发者社区

博客园
博客园

博客园是一个面向开发者的知识分享社区

知乎
知乎

中文互联网高质量的问答社区和创作者聚集的原创内容平台

上次更新:

如有转载或 CV 的请标注本站原文地址

Copyright © 2023-present water