前端留存指南

Appearance

开源项目热度榜单 ​

根据全球开发者、课程、第三方供应商、搜索引擎等数据综合排名。

根据 Google 搜索中编程语言教程的频率。

这里汇集了与 Web 平台相关的最佳开源项目

前端最流行的顶级开源项目排行榜

可按“本日/本周/本月”查看全球最热门的开源项目，支持筛选 JavaScript、TypeScript、CSS、HTML 等前端语言。

编程语言 ​

前端框架 ​

  • Svelte

    一个用于构建 Web 前端用户界面的框架。它使用编译器将用 HTML、CSS 和 JavaScript 编写的声明式组件转换为精简、高度优化的 JavaScript 代码。

  • Vue

    一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。

  • React

    一个用于构建用户界面的 JavaScript 库，用于创建交互式 UI 和快速、可扩展的 Web 应用程序

  • Angular

    一个 Web 框架，旨在帮助开发者构建快速、可靠的应用。

  • SolidJS

    Solid 是当今 Web 的现代 JavaScript 框架

  • Flutter（Dart）

    Flutter 是 Google 开源的应用开发框架，仅通过一套代码库，就能构建精美的、原生平台编译的多平台应用。

  • Electron

    Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。

  • NativeScript

    NativeScript 是一个开源框架，用于在 Angular、TypeScript 或 JavaScript 中创建原生 iOS 和 Android 应用程序。

  • 语言
txt
├─ JavaScript/TypeScript
│  ├─ React → React Native / Lynx
│  ├─ Vue/Angular → NativeScript
│  └─ 任意框架 → Electron / Tauri / Wails / Electrobun
├─ Dart → Flutter
├─ C# → .NET MAUI / Uno Platform（需要 WASM）
├─ C++ → Qt / Slint（嵌入式）
├─ Go → Wails（桌面）
├─ Kotlin → KMP
└─ Rust
  ├─ Web 前端 → Tauri
  ├─ 全栈（含 UI）→ Dioxus
  ├─ 嵌入式 → Slint
  └─ 极致性能 → GPUI

全栈框架 ​

  • Next.js

    Next.js 是一个用于构建全栈 Web 应用的 React 框架。你用 React 组件构建用户界面，Next.js 更多功能和优化。

  • Nuxt.js

    全栈 Vue 框架，使用 Vue 构建快速、生产就绪的 Web 应用。基于文件的路由、自动导入和服务器端渲染 —— 一切均已开箱即用。

前端开发 ​

  • Anime.js

    一个快速且多功能的 JavaScript 动画库

  • Axios

    一个基于 Promise 的 HTTP 库，用于发送 HTTP 请求

  • Bun

    一款集开发、测试、运行和打包 JavaScript 和 TypeScript 项目于一体的工具包

  • Chart.js

    开源 HTML5 图表，适用于现代网络的简单而灵活的 JavaScript 图表库

  • CSS

    CSS 用于控制网页的样式和布局，可以将网页的内容与表现分离，提高开发效率和维护性

  • date-fns

    现代 JavaScript 日期实用

  • Day.js

    Day.js 是一个零依赖的轻量级日期库，相比 momentjs 体积更小，更简单易用

  • decimal.js

    JavaScript 的任意精度 Decimal 类型

  • HTML

    HTML（超文本标记语言）是一种用于构建网页结构和内容的标准标记语言

  • Immer

    一个轻量级的 JavaScript 库，它允许你以更简单的方式处理不可变状态

  • JavaScript

    系统性讲解 JavaScript 写法与性能，JavaScript 的性能优化指南

  • jQuery

    快速、小巧且功能丰富的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画制作和 Ajax 交互

  • Ky

    一个基于 Fetch API 的轻量级 HTTP 请求库，提供更简洁的 API、更好的错误处理和默认 JSON 支持

  • Lodash

    一个 JavaScript 工具库，提供了一整套函数式编程的实用工具

  • Radash

    功能丰富的JavaScript/TypeScript工具函数集合，用来替代 lodash

  • TypeScript

    TypeScript 是 JavaScript 的超集，提供了更严格的类型检查和更丰富的 API

  • WebAssembly

    WebAssembly 是一种能够在浏览器中高效运行的二进制格式，为 Web 开发带来了更高的性能和更丰富的应用场景

  • Yup

    一个强大的 JavaScript 数据验证库

  • Zod

    TypeScript 优先的模式验证库，具有静态类型推断功能的模式验证

  • Zustand

    一个用于构建状态管理的简单、可扩展的库，特别适合小型应用和 React 项目

  • pnpm

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

  • Node.js

    Node.js 是一个免费、开源、跨平台的 JavaScript 运行时环境，可以让开发人员创建服务器、Web 应用、命令行工具、以及脚本。

动画库 ​

  • Anime.js

    Anime.js 是一个轻量且功能强大的 JavaScript 动画库，适用于构建各种网页动效。

  • GSAP

    SAP（GreenSock 动画平台）是一个高性能的 JavaScript 动画库 ，旨在创建跨所有主流浏览器无缝协作的动画。它被广泛用于制作 CSS、SVG、canvas、WebGL、React、Vue 等动画。GSAP 以其速度、精准性和灵活性著称，是开发互动且视觉吸引的网页应用开发者的首选。

代码托管 ​

  • GitHub

    全球最大开源平台，支持 Actions 自动化流程。

  • GitLab

    支持私有仓库与内置 CI/CD。

  • Gitea

    轻量自托管 Git 平台，部署方便。

CI/CD 自动化部署 ​

  • GitHub Actions

    GitHub 原生自动化构建与部署。

  • GitLab CI

    GitLab 内置持续集成系统。

  • Jenkins

    老牌 CI 工具，扩展性强，可高度自定义。

后端开发 ​

  • JAVA

    一种以领域模型为核心的方法论，利用 Java 的面向对象特性，将业务逻辑与代码结构紧密结合，提升复杂系统的可维护性与可扩展性

  • Python

    Python 是一种高级、通用、开源的编程语言，具有简单、易学、易读、易维护、可扩展、可嵌入等特性

  • Go

    使用 Go 构建简单、安全、可扩展的系统

  • Nuxt

    Nuxt 构建于 Vue.js 之上，利用其响应式、基于组件的架构来创建强大、可扩展且无缝的 Web 应用。

  • Express

    基于 Node.js，极简且灵活的 Web 应用框架，提供了一系列强大的特性

  • Fastify

    一个高度性能导向的 Node.js Web 框架，以极高的吞吐量和优秀的开发体验而著称

  • Koa

    一个基于 Node.js 的 Web 框架，旨在提供更精简、更轻量级的 API，同时保持高效和可扩展性

  • Pingora

    Cloudflare 开源的高性能网络代理框架，用于构建 HTTP 服务和反向代理

  • PM2

    PM2 是一个高性能的 Node.js 进程管理工具，提供自动重启、负载均衡、日志管理等功能。

数据库与缓存 ​

  • MySQL

    MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。

  • Oracle

    Oracle数据库是由甲骨文公司（Oracle Corporation）开发的一款关系型数据库管理系统（RDBMS）

  • PostgreSQL

    PostgreSQL 是一个开源、功能强大且高度扩展的关系型数据库系统，支持 SQL 标准并提供丰富的高级特性

  • Elasticsearch

    分布式搜索与分析引擎，能够实时存储、搜索和分析海量结构化与非结构化数据

  • LowDB

    一款小巧的本地 JSON 数据库，支持 Node.js、Electron 和浏览器，API 简洁，适合小型项目

  • MariaDB

    MariaDB 是 MySQL 的一个分支，由 MySQL 的原始开发者开发，旨在保持 MySQL 的兼容性，同时提供更好的性能和可扩展性

  • MongoDB

    面向文档的 NoSQL 数据库，以 JSON 风格的 BSON 存储数据，支持高可扩展性和灵活的数据模型

  • SQlite

    一个轻量级、功能强大的嵌入式关系型数据库，适用于嵌入式系统、移动设备、桌面应用程序等

  • Memcached

    高性能的分布式内存对象缓存系统，常用于缓存数据库查询结果、API 响应和会话数据等

  • Redis

    高性能的键值对存储系统，常用于缓存、消息队列、排行榜等场景

编程语言基础 ​

  • C

    C 语言是一种通用的、面向过程式的计算机程序设计语言。

  • C++

    C++ 具有广泛影响力的通用编程语言，源于 C 语言，并在其基础上引入了面向对象编程的概念

  • C#

    C# 是一种现代化、通用、面向对象的编程语言，由微软开发。它在 .NET 平台上运行，支持跨平台开发，包括 Windows、Linux 和 macOS。C# 语言设计简洁，易于学习，适合初学者和有经验的开发者。

  • Go

    Go（Golang）是一种由 Google 开发的开源编程语言，特点是简洁、高效、并发友好，适合构建高性能服务器和分布式系统

  • Java

    Java 是由 Sun Microsystems 公司于 1995 年 5 月推出的 Java 面向对象程序设计语言和 Java 平台的总称

  • Python

    Python 是一种高级、通用、开源的编程语言，具有简单、易学、易读、易维护、可扩展、可嵌入等特性

  • Lua

    Lua 是一种强大、高效、轻量级、可嵌入的脚本语言。它支持多种编程风格：过程式、面向对象、函数式、数据驱动和数据描述。

  • Rust

    一个系统编程语言，旨在提高速度、安全性、并发性和可移植性，同时保持简单性

  • Swift

    一个安全、快速、灵活的编程语言，用于开发 iOS、macOS、watchOS 和 tvOS 应用程序

  • JavaScript

    JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都可以使用 JavaScript。

  • TypeScript

    TypeScript 是由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，意味着任何有效的 JavaScript 代码也是有效的 TypeScript 代码。

版本控制 ​

  • Corepack

    Node.js 官方提供的包管理代理工具，支持 npm、pnpm、yarn 的统一调用，帮助开发者简化版本管理和工具切换

  • Git

    一个分布式版本控制系统，用于跟踪代码和文件的历史变化，支持多人协作开发

  • TortoiseSVN

    TortoiseSVN 是一个 Apache™ Subversion (SVN)® 客户端，以 Windows shell 扩展的形式实现。它直观且易于使用，因为它不需要 Subversion 命令行客户端运行。而且它是免费使用的，即使在商业环境中也是如此。简直是最酷的 (Sub)版本控制界面！

  • nvm

    Node 版本管理器，符合 POSIX 标准的 bash 脚本，用于管理多个活动的 node.js 版本

  • Volta

    Volta 是一个快速、跨平台的 JavaScript 工具链管理器，用来无缝管理和切换 Node.js、npm、pnpm、yarn 等工具版本

系统与运维 ​

  • Docker

    一个开源的容器引擎，用于构建、分发和运行分布式应用程序

  • Kubernetes (K8s)

    Kubernetes（简称K8s）是一个开源的容器编排平台，旨在自动化容器化应用的部署、扩展和管理。它源于Google的Borg系统，并于2014年开源，现已成为云原生计算的核心技术。

  • Linux

    全面的 Linux 系统知识，从基础概念到高级应用，帮助您系统掌握 Linux 系统的各个方面

  • Nginx

    高性能 Web 服务器与反向代理，用于网站部署、负载均衡和 HTTPS 配置

  • Apache Tomcat

    Apache Tomcat 是一个用于部署和提供Java Web应用的Web服务器和Servlet容器。

  • Rocky Linux

    全面了解和掌握 Rocky Linux 操作系统的各项功能和管理技巧

  • Gentoo

    从零构建高性能可定制的 Gentoo Linux 系统指南

  • Kubernetes Dashboard

    Kubernetes Dashboard 是 Kubernetes 官方提供的 Web 用户界面，用于管理和监控 Kubernetes 集群。

  • Rancher

    Rancher 是一个开源的 Kubernetes 多集群管理平台，提供了强大的集群管理和应用部署功能。