Skip to content
五目十行
Main Navigation 首页导航

基础知识

JavaScript 基础知识
TypeScript 基础知识
CSS 理论知识
设计模式
浏览器 基础知识
计算机网络 基础知识
面试宝典

概念与业务应用

微前端
常用业务应用
实用三方包
NestJS
Docker
Rust
操作系统

渐进式框架

React
Vue

工作流

NextJS
Taro
IceJS
umi

状态管理

Redux
Recoil
Jotai

实用工具

Git
包管理
nvm
nrm
在线实用工具

环境配置与软件安装

EsLint
Prettier
package.json依赖配置
VS Code 插件与配置
Mac OS 平台
LeetCode记录
web GL记录

Appearance

On this page

前端导航 ​

常用工具

Can I use
Can I use

前端 API 兼容性查询

TinyPNG
TinyPNG

在线图片压缩工具

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

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

在线工具
在线工具

开发人员的工具箱

Json 中文网
Json 中文网

JSON 在线解析及格式化验证

正则表达式在线测试
正则表达式在线测试

菜鸟工具 正则表达式格式化验证

PageSpeed Insights

分析网页性能、可访问性与 Core Web Vitals

Squoosh

在浏览器中压缩和转换图片

AI 导航

ChatGPT
ChatGPT
Notion AI
Notion AI
Midjourney
Midjourney
Beautiful.ai
Beautiful.ai
Claude

Anthropic 推出的 AI 助手

Gemini

Google 推出的 AI 助手

DeepSeek

DeepSeek 对话与推理助手

GitHub Copilot

面向开发者的 AI 编程助手

在线Coding网站

CodePen

The best place to build, test, and discover front-end code.

CodeSandBox

Supercharge your workflow with instant cloud development environments.

StackBlitz

Boot a fresh environment in milliseconds.

效率与学习

Qwerty Learner
Qwerty Learner

为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件

React 生态

React
React

用于构建用户界面的 JavaScript 库

React Router
React Router

React 的声明式路由

Next.js
Next.js

一个用于 Web 的 React 框架

UmiJS
UmiJS

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

Ant Design
Ant Design

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

Ant Design Mobile
Ant Design Mobile

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

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

通过函数响应式编程实现简单、可扩展的状态管理

ahooks
ahooks

一套高质量可靠的 React Hooks 库

TanStack Query

用于管理异步数据和服务端状态的数据获取库

React Hook Form

高性能、灵活且可扩展的 React 表单库

Testing Library

以用户使用方式测试 UI 组件

Vue 生态

Vue 3
Vue 3

渐进式 JavaScript 框架

Vue 2
Vue 2
EOL

已停止维护的 Vue 历史版本,仅用于旧项目参考

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 代码

jQuery API
jQuery API

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

Angular

用于构建可扩展 Web 应用的平台与框架

SolidJS

高性能、细粒度响应式的 JavaScript UI 库

TypeScript 工具

TypeScript Playground

一个给你提供编写,分享和学习 TypeScript 的网站

TypeScript Handbook

TypeScript 官方手册与语言指南

TSConfig Reference

查询 TypeScript 项目配置项及其含义

CSS 相关

PostCSS
PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass
Sass

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

Tailwind CSS
Tailwind CSS

一个功能类优先的 CSS 框架

UnoCSS

即时、按需生成的原子化 CSS 引擎

小程序相关

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

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

Taro
Taro

多端统一开发解决方案

uni-app
uni-app

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

Mpx
Mpx

增强型跨端小程序框架

Node 相关

Node.js
Node.js

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

Express
Express

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

Koa
Koa

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

Egg
Egg

为企业级框架和应用而生

NestJS
NestJS

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

Fastify

低开销、高性能的 Node.js Web 框架

Hono

面向 Web Standards 和多运行时的轻量 Web 框架

Bun

一体化 JavaScript 运行时、工具包与包管理器

Deno

安全、现代的 JavaScript 与 TypeScript 运行时

可视化

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 模块打包器

Turborepo
Turborepo

针对 JavaScript 与 TypeScript 代码仓库优化的高性能构建系统

Babel
Babel

Babel 是一个 JavaScript 编译器

esbuild
esbuild

An extremely fast bundler for the web

SWC
SWC

Rust-based platform for the Web

Rspack

基于 Rust、兼容 webpack 生态的高性能打包工具

Rsbuild

基于 Rspack 的开箱即用构建工具

Rolldown

基于 Rust、面向未来的 JavaScript 打包工具

工程质量与测试

ESLint

查找并修复 JavaScript 与 TypeScript 代码问题

Prettier

支持多种语言的代码格式化工具

Biome

面向 Web 项目的高性能格式化与静态检查工具链

Vitest

由 Vite 驱动的现代单元测试框架

Playwright

跨浏览器端到端测试与自动化工具

Storybook

隔离开发、测试和记录 UI 组件

站点生成器

Astro
Astro

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

VitePress
VitePress

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

VuePress
VuePress

Vue 驱动的静态网站生成器

dumi
dumi

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

Docusaurus
Docusaurus

基于 React 的静态网站生成器

图标库

iconfont
iconfont

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

IconPark 图标库
IconPark 图标库

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

Emoji searcher
Emoji searcher

Emoji 表情大全

Iconify

统一访问大量开源图标集与开发工具

Lucide

简洁、一致且可定制的开源图标库

前端学习资料

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

Mozilla 的开发者平台,提供 HTML、CSS、JavaScript 和 Web API 参考资料

菜鸟教程
菜鸟教程

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

ES6 入门教程
ES6 入门教程

阮一峰的网络日志

Patterns.dev
Patterns.dev

现代 Web 应用的设计、渲染与性能模式

web.dev

Google 提供的现代 Web 开发与性能实践

TC39 Proposals

跟踪 ECMAScript 新特性的提案与标准化进度

AI 开发

OpenAI API

OpenAI API 官方开发文档

Anthropic API

Claude API 官方开发文档

Vercel AI SDK

使用 TypeScript 构建 AI 应用的工具包

Model Context Protocol

连接 AI 应用与外部数据、工具的开放协议

LangChain.js

使用 JavaScript 和 TypeScript 构建智能体与 LLM 应用

社区

GitHub
GitHub

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

Stack Overflow
Stack Overflow

全球最大的技术问答网站

稀土掘金
稀土掘金

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

V2EX
V2EX

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

博客园
博客园

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

知乎
知乎

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

摸摸鱼热榜
摸摸鱼热榜

聚合热门资讯与社区内容

Copyright © 2022-2026 HarrisonLin