愿满载而归

以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…

前言 React 16 之后，推出了 Fiber 架构，而 Fiber 具体是个什么东西，有很多优秀的文章进行解读，而本文在学习了各个大佬的文章后，尽力以最通俗易懂过的话来解释 Fiber。

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

简历准备阶段 在2025年初的时候，听说公司要进行人员变动的情况，感觉情况不对，就开始准备面试了，但是平时的工作比较简单，也没有深刻的思考，拿不出难点/亮点项目，写出的简历就是流水账，所以决定开始先润

开篇 📚 模块化方案的概念和作用 👊 模块化 就是 CommonJS、AMD、CMD、UMD、ES6 Module 这些方案 将代码拆成多个独立，可复用的模块，快的内部数据与实现是私有的，只是向外暴露

😄 省流：生成速度"超快"的自研闭源编码模型 Composer 1、Multi-Agents (Agent模式 + 多Agent 并行)、内置浏览器 (AI深度集成，无需调外部浏览器或安装其它工具)

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服务器直接崩溃啦！

长话短说，一个简单而纯粹的手写签名组件，采用纯canvas+react的写法，把扩展性握在自己的手里！