各位好呀, 我称作双越, 曾是在前百度、滴滴任职的资深前端工程师, 还是慕课网的金牌讲师, 并且拥有ＰＭＰ资质, 我的具有代表性所作成果有:
开始
2025 应该思考两个问题：
故而, 于斯文中, 笔者竭力概括归纳当下二零二五年前端开发颇为常用的若干知识以及技术, 这涵盖基础、言语、协议、工具、框架、服务等方面；尽可能全面覆盖相关内容, 梳理出一套合乎情理的体系。
如发现有未提到的重要技术和知识点，请在评论区补充，
体系化思维的重要性
当我们着手思索一件较为系统的、篇幅较长的事情之际, 务必要具备体系化思维, 要构建成一棵树的形态, 而非一盘毫无堆砌规律的散沙。于是乎, 相较于本文所涵盖的内容而言, 体系化的思维更加具备关键重要性, 会使得你在一生之中都能够因之而获取益处。
比方说, 一座含有两万学生人数的学校, 怎么样去组织如此众多的学生? 那就要划分学院, 进而在学院内划分专业, 然后再依据专业划分班级, 并且班级之下还得进一步划分宿舍才行。唯有此种方式, 才能够将这些学生予以管理, 就算之后再额外增加五千名学生, 同样能够借助这一套管理体系去实施管理。
针对于我们所拥有的前端知识而言, 这照样是适用的, 前端范畴之内的知识繁杂到了极点, 有着数量众多的东西有待于去学习, 你会怎样对它实施管理? 要是让你来撰写一本标题为《前端大全》的书, 你会怎样去拟定目录? —— 你可千万别掰着自己的手指头, 想到哪一个就写哪一个, 不然那样可就要乱套了。
与 JS 相关的红宝书, 仅是与前端相关的一部分, 前端并非仅是 JS。并且, 从 JS 角度看红宝书目录是合理的, 然而一旦换个视角, 从整个前端角度看, 红宝书目录就未必合理了。
比如呢, 要是从 JS 的视角去看待网络请求, 或许更贴近的会是 Ajax , 然而要是从前端的视角来讲它的话, 则大概率更多倾向于 HTTP 协议。角度存在差异的情况下, 所针对的内容以及侧重点也就会有所不同。
刚踏入前端领域的同学得具备成体系的思维, 唯有一个系统的体系可助力你全方位、毫无遗漏地把控所有技能。哪怕你短期内没办法掌握全部技能, 你也清楚哪些技能是自己会的, 哪些是不会的（这点很重要）, 缘故是有一个体系目录作为参考。
需要掌握体系化思维的, 是那些前端领域里经验丰富之人, 只有依靠系统以及体系, 才可以让你的学习与工作更具条理性, 才可以让你把历经多年所积累的那些杂乱不堪的技能以及工作经验, 进行总结并转化为属于自己的体系知识, 不然的话, 要是不存在体系, 积累得越多, 你就会越发混乱。
计算机基础
属于本科阶段, 或者是考研方向为计算机专业的那些专业课程里面的, 其中数据结构以及算法在下文特地单独去写。
计算机组成原理
主要内容
计算机组成原理助力我们去把握计算机硬件的基本工作原理, 为后续的操作系统、计算机网络等高级课程打下基础。
操作系统
操作系统对计算机的所有资源予以管理, 进行进程控制, 实施内存分配等。重要内容如下:
被系统控制的核心观念（内存、进程、线程、文件等）针对前端开发而言都极为关键, 举例来说 JS 是单线程的。透彻领会基础观念才能够使你成为出色程序员, 不然就只能停留在表面进行开发 CRUD。
编译原理
编译原理，主要讲解一个编译器如何设计和开发。
存在于前端的, 常见的编译器包含 babel、SWC、vue-等, 不管运用的是何种语言, 是 JS 或者 Rust, 皆是依据编译原理的流程来进行开发的。
汇编语言
在编程语言的范畴里, 汇编语言属于那种接近机器语言的低级类型, 它借助助记符来对机器指令予以表示, 进而能去直接操控计算机硬件。
前端开发不会运用到, 然而去学习它的指令集, 以及学习它的堆栈模型, 这对我们深入领会编程语言的执行过程是有帮助的。
计算机网络
计算机网络, 讲解的是计算机之间的通讯原理, 以及相关技术, 其中存在着诸多前端开发中常见的概念, 这是其主要内容。
编码
编码着重去讲解, 关于信息的表示, 以及信息的转换, 还有信息的传输, 也就是, 我们所见到的诸般任何信息到底在计算机内部都是怎样进行表示的, 比如。
该为字符提供统一表示形式的字符编码标准, 能用以表示这世界范畴内几乎全部文字与符号它将单个独特的数字标识赋予每个字符该形式又被叫做码点涵盖多种语言符号类别以及其他字符集像汉字拉丁字母数学符号表情符号等其自身所包含字符数量超过十三万七千个实现了对几乎所有书写系统的覆盖它的设计目标在于达成全球字符集标准化以协调解决多种字符编码间的兼容性难题。由1到4个字节用以体现一个字符的, 是UTF – 8的一种编码方式, 它是当下极为流行的实现成果, 还兼容ASCII。而UTF – 16的一种编码方式, 是利用2或4个字节对一个字符展开表述, 适用于东亚各国语言环境。再说到GBK编码, 这可是中国国家标准针对简体及繁体中文字符集所做的一种扩展编码, 它继承了原有编码, 还增添了更多字符, 在中文环境当中的计算机系统、文本范畴的文件以及网络进行传输时均可广泛予以运用。伴随 的普遍应用, GBK 渐渐遭受诸如 UTF – 8、UTF – 16 这类编码的取代, 不过在某些旧日体系以及残留应用里头, GBK 编码依旧被加以运用。
当进行HTML以及HTTP请求之际, 存在着一个情况, 那便是用来表明使用何种编码类型。比如说, 划水AI这个项目, 其默认的编码是utf-8。
数据结构和算法常见数据结构常见算法算法复杂度
编程模式OOP 面向对象编程
编程开发里, 面向对象编程属于最为重要的编程模式, 是现代的那种, 常见的现代编程语言全都予以支持。
设计模式
SOLID 5 大设计原则（至少要能深刻理解前两个原则）
传统设计模式有 23 个，前端最常见的有如下几个：
FP 函数式编程
跟随 React 的发展进程, 函数式编程于前端开发范畴被广泛加以运用, 其主要涵盖的内容是。
AOP 面向切片编程
Java框架是一种在AOP应用里最为广泛的存在, 在前端最为常见的框架, 是因为其是依据参考 设计而形成的。
前端基础定位响应式于软件层级设计, 有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证书, 加密过程含非对称和对称加密, 通讯过程里有请求大文件上传, 切片上传、断点续传、秒传也在其中, 最后。
低于上半部分的那一部分, 二零二五年前端以及大前端还有全栈的知识体系的下一个部分, 涵盖vue、react、node工程化等各类。这一部分要是拥有遗漏状况的话, 请各位留下话语进行评议并补充标点。
这段时间里面, 有着计划去参加面试的那些同学, 能够前往面试派去刷题, 从而用以学习面试的流程方面的内容以及技巧。
