这里收录了那些难啃但又必须掌握的前端底层原理与进阶知识。打破碎片化，构建系统知识图谱。
深入理解新生代与老生代，Scavenge 与 Mark-Sweep 算法机制，掌控内存泄漏。
从 Fiber 架构到 Concurrent Mode，解析 React 如何调度与更新组件树。
DOM树构建、样式计算、布局、绘制、合成，全链路性能优化指南。
深入理解 JavaScript 的隐式转换机制，掌握类型转换的底层原理。
宏任务与微任务的爱恨情仇，Node.js 与浏览器环境下的机制差异。
剖析 Webpack 与 Vite 核心机制，Loader/Plugin 开发与 AST 抽象语法树。
从 qiankun 到 Module Federation，探索沙箱隔离与跨应用通信的实现方案。
深入 Core Web Vitals、网络与渲染优化，打造极致用户体验的黄金法则。
HTTP/2/3 核心特性演进，深度解析 XSS、CSRF 攻击原理与 CSP 策略。
掌握泛型、条件类型、映射类型，玩转“类型体操”，构建健壮的类型系统。
错误捕获、性能指标上报与用户行为埋点，从零设计前端监控 SDK。
Proxy 代理机制、依赖收集原理，以及 Block Tree 与 PatchFlag 的极致编译时优化。
深入 Next.js/Nuxt.js 服务端渲染模型，解析 Hydration 水合过程的原理与性能陷阱。
Redux / Zustand 架构对比，不可变数据结构（Immutable）与复杂时序状态的控制方案。
剖析 Libuv 线程池、Stream 流式处理与 Buffer 内存管理，攻克大文件与高并发场景。
React Native / Flutter 渲染管线差异，WebView 与 Native 层的双向通信底层机制。
Headless UI 理念、A11y 无障碍访问、样式沙箱与按需加载的系统性设计原则。
DDD（领域驱动设计）在前端的应用，整洁架构（Clean Architecture）落地与代码解耦。
WebAssembly 性能突破口，Canvas/WebGL 处理几十万条海量数据渲染的技术内幕。
深度解析对称加密与非对称加密、TLS 1.2/1.3 握手全流程及数字证书验证机制。
深度剖析 Fabric 渲染引擎、TurboModules 与 JSI 底层通信机制。
彻底掌握二维布局神器，从基本语法到网格区域、隐式网格与自适应响应式布局实战。
一维布局利器，深度解析弹性容器属性、弹性项目缩放原理及常见居中方案。
深度对比两种模块规范：加载机制、循环引用处理、Tree Shaking 支持及 Node.js 中的混合使用。
掌握浏览器性能优化双剑客：requestAnimationFrame 保证动画丝滑，requestIdleCallback 拆分长任务避免掉帧。
掌握词法作用域、执行上下文、变量提升与闭包的底层机制，彻底理解标识符查找规则。
从多路复用到 QUIC 协议：深度解析现代网络协议的进化之路，攻克队头阻塞与连接延迟。
微任务调度机制、手写 Promise A+ 规范、错误边界与异步流程控制的底层实现。
Vue3 响应式基石、元编程能力、Proxy vs Object.defineProperty 深度对比。
弱引用机制、与 GC 联动原理、实际应用场景与内存泄漏排查。
Symbol.iterator 协议、async generator 异步迭代、惰性求值与数据流处理。
RSC 原理与流式 SSR，零客户端 JS 的服务端组件模型，与 SSR Hydration 的本质区别。
PatchFlag、Block Tree、静态提升与手写编译产物对比，理解编译时如何赋能运行时。
路由分组、流式渲染、Server Actions 机制与 React Server Components 的深度整合。
Solid/Preact Signals vs React Hooks vs Vue Reactivity，横跨三大框架的响应式设计对比。
Worker 通信模型、SharedArrayBuffer 共享内存、OffscreenCanvas 离屏渲染与多线程架构。
离线缓存策略、Background Sync 后台同步、推送通知与渐进式 Web 应用的完整架构。
懒加载实现原理、曝光打点方案、无限滚动与视口交叉检测的工程化实践。
原生动画引擎、与 CSS/JS 动画对比、FLIP 动画技巧与高性能交互动效实现。
pnpm workspace / Turborepo / Nx 选型对比，依赖隔离、任务编排与发布流程。
GitHub Actions 自动化、质量门禁、自动发布与版本管理的工程化最佳实践。
数据采集模型、上报策略与批量机制、错误还原与用户行为回放的技术方案。
动态 import 机制、Webpack vs Vite 分包策略、预加载与路由级代码拆分实战。
Paint Worklet 自定义绘制、自定义属性动画、浏览器渲染管线的底层扩展能力。
组件级响应式设计、与传统 Media Query 的范式转变，构建真正可复用的自适应组件。
JWT / Session / OAuth2.0 / SSO 单点登录，完整的前端认证授权架构设计。
内容安全策略配置、Trusted Types、DOMPurify 与前端安全攻防实战。
WebLLM 浏览器内推理、LLM 集成架构、AI 驱动的前端开发新范式。
替代 WebGL 的下一代图形 API，通用 GPU 计算与 WebAssembly 图形协同。
利用 AST 语法树定制编译插件，实现类 Tailwind 样式转换与代码重构，深入工程化底层。
深入 single-spa 底层机制，手写 CSS 样式隔离插件，结合 import-maps 优化资源加载。
基于 ZRender 封装数据驱动的 Canvas 图形库，解决海量节点与复杂交互场景的性能瓶颈。
基于 Schema 数据驱动设计，实现可视化拖拽的动态表单渲染与复杂校验逻辑流转。
运用装饰器与 AOP 编程范式，设计高度解耦的接口鉴权、日志监控与统一拦截系统。
突破移动端抓包难点，自研按页面维度采集网络与日志的工具，落地前端研发效能平台。
剖析 RN 热更架构设计，涵盖 JSBundle 构建、灰度发布策略与线上秒级热修复机制。