各位在场群体, 我名为双越, 身为曾在百度、滴滴任职的资深前端工程师, 是慕课网的金牌讲师, 拥有PMP资质, 我的具有代表性的作品列表如下:
开始
2025 应该思考两个问题：
所以, 在这篇文稿当中, 我打算去尝试着归纳一番当下 2025 年时期前端开发里相对比较常用的一系列知识以及技术, 这其中涵盖了基础方面的、语言范畴的、协议相关的、工具部分的、框架领域的、服务等诸多层面。要尽自己所能去涵盖各种完整的内容, 从而梳理出一个具备合理程度的体系出来。
如发现有未提到的重要技术和知识点，请在评论区补充，
体系化思维的重要性
当我们着手思索一件结构较为系统、篇幅颇为大的事情之际, 务必要具备体系化思维, 得构建成一棵树的模样, 而非成为一盘毫无头绪的散沙。故而, 相较于本文所涵盖的内容而言, 体系化的思维更为重要些, 会使你一生都从中获益。
以一所拥有两万学生的学校为例, 对于怎样去组织如此众多的学生呢? 其方式是要划分学院, 划分专业, 划分班级, 并且在班级之下还得进一步划分宿舍。唯有如此, 才能够将这些学生管理起来, 就算再增加五千学生, 也能够借助这套管理体系予以管理。
这同样适用于咱们的前端知识, 前端领域的知识, 那简直可谓高度繁杂紊乱, 有待去学习的内容数量众多, 你会怎样对其予以管理? 要是让你来撰写一本名为《前端大全》的书籍, 你会怎样去拟定目录? 你可要注意了, 千万别一个一个掰着手指头去想, 想到一个就写一个, 不然的话就全乱套了诶！
JS 相关的红宝书, 前端可不只包含它。并且, 从 JS 角度红宝书目录合理, 一旦以整个前端视角看, 红宝书目录就未必合理了。
比如, 以 JS 的角度去看待网络请求, 或许更贴近的是 Ajax , 然而, 从前端的角度去看待网络请求, 大概更多的是 HTTP 协议 , 角度存在差别, 内容以及侧重点彼此不同。
才刚入门前端的同学得有体系化思维没错, 仅靠一个系统的体系方可帮你全方位、毫无遗漏地掌握种种技能。就算你近期没办法掌握全部技能, 你也清楚何种你会, 何种你不会（这点很重要）, 缘由在于有一个体系目录用于供你参考。
于前端领域经验丰富之人而言, 更应具备体系化思考方式, 依靠系统与体系组织, 方可使自身研习工作更为有序, 方能将多年聚积的繁杂技能以及工作经历, 予以归结转化成自身的体系知识点。反之, 倘若缺失体系, 积累愈多, 自身便愈发混乱。
计算机基础
由本科阶段或者考研阶段计算机专业所涉及的专业课程, 当中数据结构与算法会于下文进行单独撰写。
计算机组成原理
主要内容
它能助力我们去把握计算机硬件的基本工作原理, 为后续有的操作系统、计算机网络等高级课程打下基础, 这便是计算机组成原理所起的作用。
操作系统
计算机的所有资源由操作系统进行管理, 其中包括进程控制, 还有内存分配等, 重要内容如下:
构成操作系统的核心概念, 像内存、进程、线程以及文件等, 对于迈向前端开发来说, 通通极为重要。拿 JS 举例, 它是单线程的。唯有深度剖析基础概念, 方可使你转变为出色程序员模样, 不然只能陷入浮于表面的去开发 CRUD。
编译原理
编译原理，主要讲解一个编译器如何设计和开发。
前端经常会见到的编译器, 有babel, 有SWC, 还有vue-等等, 不管是使用哪一种语言, 是用JS, 还是用Rust, 都是依据编译原理的过程去进行开发的。
汇编语言
接近机器语言的低级编程语言中, 有汇编语言这一种, 它使用符号记法来代表机器指令, 能够直接对计算机硬件实施控制。
就算前端开发不会用到它, 然而学习其指令集, 以及学习其堆栈模型，这对我们深入理解编程语言的执行过程是有帮助的。
计算机网络
具备对计算机之间通讯原理以及技术进行讲解功能的计算机网络, 存在诸多前端开发里常见的概念, 其主要内容。
编码
编码着重阐释信息的表示, 信息的转换, 以及信息的传输, 也就是说, 我们所目睹的任何信息, 于计算机内部是怎样进行表示的, 举例而言。
编码, 是一种字符编码标准, 其作用为统一呈现世界上将近全部的文字与符号, 它给每个字符赋予一个独一无二的数字标识, 也就是码点, 其还支持多种语言、符号以及别的字符集, 像是汉字、拉丁字母、数学符号、表情符号之类, 它涵盖了超过137,000个字符, 覆盖范围几乎涉及所有书写系统, 它的设计初衷乃使全球字符集标准一致, 进而解决多种字符编码的兼容性难题。UTF – 8是一种将1到4个字节用以表示一个字符的编码方式, 它是当下最流行的实现, 还兼容ASCII , 这种编码方式是UTF – 8。字符由UTF – 16编码时用2或4个字节来进行表示, 是适用于东亚语言的一种编码方式 , 有着使用2或4个字节来表示一个字符的特点。GBK编码 是中国国家标准所采取的对简体和繁体中文字符集再扩展的一种扩展编码 , 它继承了编码 , 且此外加入了更多字符 , 计算机系统、文本文件以及网络传输中广泛应用于中文环境的就是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, 有微任务、宏任务, 有着正则表达式、日期和时间, 存在模块化, 有AMD、CMD、UMD, 有ES的异常处理, 有第三方库, 有Axios、day.js、D3、Anime.js、jsPDF、UUID, 还有Web API网络, 有 HTTP 协议, 有HTTPS SSL 协议, 有SSL 证书, 有加密过程, 包括非对称和对称加密过程, 有通讯过程, 有请求大文件上传, 有切片上传, 有断点续传, 有秒传, 最后。
2025年的关于前端、大前端以及全栈的, 知识体系的下半部分, 也就是（下）, 其中涵盖了vue, react还有 node工程化等等内容。倘若这部分存在遗漏的情况, 那么请大家通过留言评论的方式进行补充。
近来有打算去面试的同学, 能够前往面试派刷题以学习面试流程以及技巧。
