【万字总结】2025 前端+大前端+全栈 知识体系（上）

【万字总结】2025 前端+大前端+全栈 知识体系（上）

大家好，我是双越。前百度 滴滴 资深前端工程师，慕课网金牌讲师，PMP。我的代表作有：

开始

2025 应该思考两个问题：

因此，本文我就试图总结一下当前 2025 前端开发比较常用的一些知识和技术，包括基础、语言、协议、工具、框架、服务等。尽量覆盖完整的内容，整理出一个合理的体系。

如发现有未提到的重要技术和知识点，请在评论区补充，

体系化思维的重要性

当我们去思考一个比较系统的、大篇幅的事情时，一定要有体系化思维，要做成一棵树，而不是一盆散沙。所以，相比于本文的内容来说，体系化的思维更加重要前端开发技能树，会让你终身受益。

例如一个学校有 2w 学生，如何组织这么多学生？就要分学院、分专业、分班级，班级下面还要再分宿舍。这样才能把这些学生管理起来，哪怕再扩展 5k 学生，也能通过这套管理体系来管理。

这同样适用于我们的前端知识，前端领域知识非常杂乱，需要学习的东西很多【万字总结】2025 前端+大前端+全栈 知识体系（上），你如何管理它呢？如果让你写一本《前端大全》的书，你如何制定目录呢？—— 你别掰着手指头，想到一个写一个，那就乱了。

红宝书？红宝书是 JS 相关的，而前端可不仅仅是 JS 。而且，从 JS 视角来看红宝书目录是合理的，一旦上升一个视角，从整个前端视角来看，红宝书目录就不一定合理了。

例如从 JS 视角来看网络请求，可能更接近的是 Ajax ，而从前端视角来看网络请求，可能更多是 HTTP 协议 。角度不一样，内容和侧重点就不一样。

新入门的前端同学需要有体系化思维前端开发技能树，只有一个系统的体系才能帮助你全面、无死角的掌握所有技能。哪怕你没法近期掌握所有技能，你也知道哪些你会，哪些你不会（重要！！！），因为有一个体系目录给你参考。

前端老司机们更需要掌握体系化思维【万字总结】2025 前端+大前端+全栈 知识体系（上），系统和体系才能让你的学习和工作更有条理性，才能让你把多年累积的杂乱的技能和工作经验，总结转换为自己的体系知识。否则，没有体系，积累的越多，你就越乱。

计算机基础

本科或考研计算机专业的专业课。其中数据结构和算法下文单独写。

计算机组成原理

主要内容

计算机组成原理帮助我们掌握计算机硬件的基本工作原理，为后续的操作系统、计算机网络等高级课程奠定基础。

操作系统

操作系统管理计算机的所有资源，进程控制，内存分配等。重要内容如下：

操作系统的核心概念（内存、进程、线程、文件等）对于前端开发都非常重要，例如 JS 是单线程的。深入理解基础概念才能让你成为优秀程序员，否则只能浮于表面开发 CRUD 。

编译原理

编译原理，主要讲解一个编译器如何设计和开发。

前端常见的编译器有 babel SWC vue- 等，无论用什么语言，用 JS 还是 Rust，都是按照编译原理的过程开发的。

汇编语言

汇编语言是接近机器语言的低级编程语言，使用助记符表示机器指令，直接控制计算机硬件。

前端开发不会用到，但学习它的指令集和堆栈模型，有助于我们深入理解编程语言的执行过程。

计算机网络

计算机网络讲解计算机之间的通讯原理和技术，有很多前端开发常见的概念。主要内容

编码

编码主要讲解信息的表示、转换和传输，即我们所见的任何信息在计算机内部是如何表示的。例如

编码 是一个字符编码标准，用于统一表示世界上几乎所有的文字和符号。它为每个字符分配一个唯一的数字标识（称为码点），并支持多种语言、符号以及其他字符集，包括汉字、拉丁字母、数学符号、表情符号等。 包含了超过137,000个字符，覆盖了几乎所有的书写系统。 的设计目的是让全球的字符集标准统一，从而解决多种字符编码的兼容性问题。UTF-8 的一种编码方式，使用1到4个字节来表示一个字符，是目前最流行的实现，兼容ASCII。UTF-16 的一种编码方式，使用2或4个字节来表示一个字符，适用于东亚语言。GBK 编码 是中国国家标准对简体和繁体中文字符集的一种扩展编码，继承了编码，并加入了更多的字符，广泛用于中文环境中的计算机系统、文本文件以及网络传输。随着 的普及，GBK逐渐被编码（如UTF-8、UTF-16）所替代，但在一些旧系统和遗留应用中，GBK编码仍然被使用。

HTML 和 HTTP 请求时都有一个 就表示使用哪种编码类型。如 划水AI 项目默认的编码是 utf-8

数据结构和算法常见数据结构常见算法算法复杂度

编程模式OOP 面向对象编程

面向对象编程是现代编程开发最重要的编程模式，常见的现代编程语言都支持。

设计模式

SOLID 5 大设计原则（至少要能深刻理解前两个原则）

传统设计模式有 23 个，前端最常见的有如下几个：

FP 函数式编程

随着 React 的发展，函数式编程在前端开发被广泛使用，主要内容是：

AOP 面向切片编程

AOP 最广泛的应用是 Java 框架。在前端最常见的是 框架，因为它就是参考 设计的。

软件层级设计前端基础定位响应式 rem vw vh渐变和动画 模块化第三方库JS 和 ES字符串数组对象函数class 原型，原型链，继承作用域 作用链，自由变量，闭包异步 Async/await 微任务/宏任务 和 和 * yield正则表达式日期和时间模块化 AMD CMD UMD ES-异常处理第三方库 Axios day.js D3 Anime.js jsPDF UUID … Web API网络 HTTP 协议HTTPS SSL 协议，SSL 证书，加密过程（非对称和对称加密），通讯过程前端开发技能树， 请求大文件上传 切片上传，断点续传，秒传最后

下半部分 2025 前端+大前端+全栈 知识体系（下），包括 vue react node 工程化等等。这部分如有遗漏的请大家留言评论补充。

近期有计划面试的同学，可到 面试派 刷题，学习面试流程和技巧。