Skip to content
墨与星辰
Main Navigation 首页技术博客联系方式

主题

本页内容

前端导航 ​

导航说明

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

常用工具

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.

Github Pages

‌GitHub Pages 是通过 GitHub Enterprise Cloud 托管和发布的公共网页。

Cloudflare Pages

Cloudflare Pages 是一个 JAMstack 平台,供前端开发人员协作和部署网站。

小程序相关

微信小程序文档

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

QQ小程序文档

QQ 小程序官方开发者文档

支付宝小程序文档

支付宝 小程序官方开发者文档

抖音小程序文档

抖音 小程序官方开发者文档

小红书小程序文档

小红书 小程序官方开发者文档

快手小程序文档

快手 小程序官方开发者文档

跨平台

Electron

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

Tauri

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

uni-app

编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

Taro

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 / 快手 小程序 / H5 / RN 等应用。

Mpx

增强型跨端小程序框架,一份源码跨端输出所有小程序平台及Web。

uView UI

uView UI,是全面兼容nvue的uni-app生态框架

tmui

Uni App 通用组件库跨端组件库 微信小程序、H5、APP-VUE、APP-NVUE等

Node.js / Deno / Bun

Node.js

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

Express

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

Koa

由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。

Egg

为企业级框架和应用而生

Nest.js 中文文档

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

npm

是一个NodeJS & JavaScript 的包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

pnpm

pnpm - 速度快、节省磁盘空间的软件包管理器

yarn

Yarn 是由 Facebook 推出的包管理工具,旨在解决 NPM 的一些性能和安全问题。

Deno

Deno 是 JavaScript 运行时,是专门为控制现代JavaScript和克服 Node 的一些不足之处

Bun

Bun 是一个全新的 JavaScript 运行时,旨在成为‌Node.js的更快、更精简、更现代的替代品。

图标库

iconfont

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

IconPark

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

Iconify

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

Icônes

基于 Iconify 的图标浏览器

Simple Icons

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

Emoji searcher

emoji 表情大全

Emoji Cheat Sheet

可以在 GitHub 中使用的 emoji 表情

gitmoji

可以在 git 中使用的 emoji 表情

Java / Spring 生态

Spring

Spring Framework 官方文档

Spring Boot

用于构建独立的、生产级的基于 Spring 的应用程序

Spring Cloud

为开发人员提供快速构建分布式系统中一些常见模式的工具

Spring Cloud Alibaba

阿里巴巴提供的微服务开发一站式解决方案

MyBatis

MyBatis 是一款优秀的持久层框架,支持自定义 SQL、存储过程以及高级映射

MyBatis-Plus

MyBatis 的增强工具,在 MyBatis 的基础上只做增强不做改变

Sa-Token

一个轻量级 Java 权限认证框架,让鉴权变得简单、优雅

Apache Shiro

Apache Shiro 是一个强大且易用的 Java 安全框架

Hutool

一个小而全的 Java 工具类库,使 Java 拥有函数式语言般的优雅

Guava

Google 核心库的 Java 扩展

Lombok

通过注解简化 Java 代码开发

MapStruct

Java Bean 映射框架,生成类型安全的映射代码

Oracle JDK

Oracle Java 开发工具包官方下载

Eclipse Temurin

Adoptium 提供的免费 OpenJDK 发行版

数据库相关

MySQL

世界上最流行的开源关系型数据库管理系统

MySQL 官方文档

MySQL 官方文档和参考手册

Redis

开源的内存数据结构存储,用作数据库、缓存和消息代理

Redis 中文文档

Redis 中文文档和教程

PostgreSQL

世界上最先进的开源关系型数据库

MongoDB

最流行的 NoSQL 数据库

Milvus

开源向量数据库,用于嵌入相似性搜索和 AI 应用

Elasticsearch

分布式搜索和分析引擎

Oracle Database

Oracle 企业级数据库

DBeaver

通用数据库管理工具和 SQL 客户端

Navicat

数据库管理和开发工具

TablePlus

现代、原生、强大的数据库管理工具

中间件 / 消息队列

RabbitMQ

开源消息代理软件,实现了高级消息队列协议(AMQP)

Apache Kafka

分布式流处理平台

Apache RocketMQ

阿里巴巴开源的分布式消息系统

Nacos

动态服务发现、配置管理和服务管理平台

Seata

阿里巴巴开源的分布式事务解决方案

Sentinel

面向分布式服务架构的轻量级流量控制框架

Apache ZooKeeper

分布式应用程序的协调服务

Consul

用于服务发现和配置的分布式系统

API 开发工具

Swagger

API 文档生成和测试工具

Swagger UI

交互式 API 文档

Postman

强大的 API 开发和测试平台

Insomnia

开源的 API 客户端,GraphQL 和 REST

HTTPie

命令行 HTTP 客户端

Apifox

API 文档、API 调试、API Mock、API 自动化测试

YApi

高效、易用、功能强大的 API 管理平台

部署 / 运维工具

Docker

容器化平台,用于构建、运行和共享应用程序

Docker Hub

Docker 镜像仓库

Kubernetes

容器编排平台

Kubernetes 中文文档

Kubernetes 中文社区文档

Jenkins

开源自动化服务器

XXL-Job

分布式任务调度平台

Prometheus

开源监控和警报工具包

Grafana

开源分析和监控平台

Nginx

高性能 Web 服务器和反向代理

Java 开发工具

IntelliJ IDEA

JetBrains 出品的 Java IDE

IntelliJ IDEA 中文文档

IDEA 使用技巧和插件推荐

Eclipse

开源 IDE 平台

Maven

项目管理和构建自动化工具

Gradle

开源构建自动化工具

JProfiler

Java 性能分析工具

JUnit

Java 单元测试框架

Mockito

Java 测试框架,用于创建 mock 对象

后端学习资源

Baeldung

高质量 Java 和 Spring 教程

菜鸟教程 - Java

Java 基础教程和学习资源

How2J

Java 全栈学习网站

图灵社区

技术图书和文章社区

ITeye

Java 开发社区

SegmentFault

程序员问答社区

最后更新于:

Released under the MIT License.

Copyright © 2024-2026 墨与星辰 | 辽ICP备2026001754号