JavaScript、浏览器与工程基础

从 8 位字节到 6 位索引，理解编码表、补位规则与末尾等号的真正含义。

把连接复用、多路复用和传输层取舍放进同一张网络心智图中。

沿一次真实请求梳理强缓存、协商缓存、ETag 与现代静态资源策略。

用最短路径理解词法分析、语法分析、AST 与语义分析各自负责什么。

从数组、栈、队列到链表和树，建立“操作成本决定结构选择”的判断框架。

从复杂度出发比较经典排序，再把递归、记忆化与动态规划串成一条解题主线。

系统整理 this、原型、类型化数组、迭代器与异步机制，作为深入运行时之前的知识底座。

从继承关系进入 DOM，掌握查询、属性、事件与页面结构操作的边界。

沿“创建上下文 → 绑定环境 → 压入调用栈 → 闭包保留引用”理解代码如何真正执行。

把导航、解析、样式计算、布局、绘制、合成与脚本调度放进同一条浏览器流水线。

用 call / apply / bind、防抖节流、深拷贝和事件总线检验语言机制是否真正掌握。

从基础类型进入联合、泛型、映射与条件类型，建立“用类型表达约束”的思维。

围绕实例、拦截器和请求级配置，设计可复用且类型安全的前端请求层。

从格式化上下文理解 block、inline、inline-block、vertical-align 与常见居中方案。

用主轴、交叉轴和可伸缩尺寸三个概念，统一理解 Flex 容器与项目属性。

比较常规流、定位流和浮动，并用 BFC 解释清除浮动与外边距折叠。

从 transform 的坐标变化，到 transition 与 keyframes 的时间控制，建立动画基础。

聚焦背景模糊叠加、径向渐变缺口等难以一眼想到的视觉实现。

拆解一个工程化预设：从正则匹配、单位转换到边框、间距和颜色规则。

从依赖收集和派发更新出发，理解 Vue 2 与 Vue 3 响应式实现的关键差异。

以模板、ref、reactive、v-model 与组件通信为主线整理 Vue 3 日常开发知识。

围绕 state、批处理与函数式更新，理解 React 为什么不能把 setState 当作立即赋值。

从项目创建、路由和状态管理，到 API 与组件类型，串起一套可维护的工程骨架。

从 JSX、组件与 ref，延伸到高阶组件、Redux 和渲染行为，形成系统复习地图。