知识教程
按学习路径阅读 31 篇经过整理与精校的中文技术教程。
全部教程
从 8 位字节到 6 位索引,理解编码表、补位规则与末尾等号的真正含义。
编码二进制ASCII计算机基础 · 10 分钟HTTP 版本与 TCP / UDP把连接复用、多路复用和传输层取舍放进同一张网络心智图中。
HTTPTCPUDP计算机基础 · 12 分钟浏览器缓存机制沿一次真实请求梳理强缓存、协商缓存、ETag 与现代静态资源策略。
Cache-ControlETagHTTP计算机基础 · 6 分钟从源码到抽象语法树用最短路径理解词法分析、语法分析、AST 与语义分析各自负责什么。
AST编译器Parser计算机基础 · 38 分钟数据结构全景从数组、栈、队列到链表和树,建立“操作成本决定结构选择”的判断框架。
数组链表树计算机基础 · 28 分钟排序、递归与动态规划从复杂度出发比较经典排序,再把递归、记忆化与动态规划串成一条解题主线。
排序复杂度动态规划JavaScript 内核 · 65 分钟JavaScript 核心机制系统整理 this、原型、类型化数组、迭代器与异步机制,作为深入运行时之前的知识底座。
this原型异步JavaScript 内核 · 22 分钟DOM:节点、元素与事件从继承关系进入 DOM,掌握查询、属性、事件与页面结构操作的边界。
DOMNodeEventJavaScript 内核 · 18 分钟JavaScript 执行上下文与闭包沿“创建上下文 → 绑定环境 → 压入调用栈 → 闭包保留引用”理解代码如何真正执行。
执行上下文闭包作用域JavaScript 内核 · 14 分钟浏览器渲染与脚本加载把导航、解析、样式计算、布局、绘制、合成与脚本调度放进同一条浏览器流水线。
渲染管线ReflowV8JavaScript 内核 · 16 分钟JavaScript 手写题:从原理到实现用 call / apply / bind、防抖节流、深拷贝和事件总线检验语言机制是否真正掌握。
手写题函数事件JavaScript 内核 · 48 分钟TypeScript 类型系统从基础类型进入联合、泛型、映射与条件类型,建立“用类型表达约束”的思维。
TypeScript泛型类型体操JavaScript 内核 · 14 分钟Axios 请求层封装围绕实例、拦截器和请求级配置,设计可复用且类型安全的前端请求层。
Axios拦截器API界面与布局 · 14 分钟CSS 显示模式与居中从格式化上下文理解 block、inline、inline-block、vertical-align 与常见居中方案。
Display盒模型居中界面与布局 · 22 分钟Flexbox 布局用主轴、交叉轴和可伸缩尺寸三个概念,统一理解 Flex 容器与项目属性。
Flexbox布局对齐界面与布局 · 14 分钟CSS 定位、浮动与 BFC比较常规流、定位流和浮动,并用 BFC 解释清除浮动与外边距折叠。
PositionFloatBFC界面与布局 · 12 分钟CSS 变换、过渡与动画从 transform 的坐标变化,到 transition 与 keyframes 的时间控制,建立动画基础。
TransformTransitionAnimation界面与布局 · 10 分钟CSS 实用技巧聚焦背景模糊叠加、径向渐变缺口等难以一眼想到的视觉实现。
backdrop-filter渐变伪元素界面与布局 · 26 分钟UnoCSS 自定义规则与预设拆解一个工程化预设:从正则匹配、单位转换到边框、间距和颜色规则。
UnoCSS正则Preset框架原理 · 10 分钟Vue 响应式原理从依赖收集和派发更新出发,理解 Vue 2 与 Vue 3 响应式实现的关键差异。
Vue响应式Proxy框架原理 · 20 分钟Vue 3 核心知识以模板、ref、reactive、v-model 与组件通信为主线整理 Vue 3 日常开发知识。
Vue 3Composition API组件框架原理 · 8 分钟React 状态更新机制围绕 state、批处理与函数式更新,理解 React 为什么不能把 setState 当作立即赋值。
ReactState批处理框架原理 · 28 分钟React + TypeScript 工程实践从项目创建、路由和状态管理,到 API 与组件类型,串起一套可维护的工程骨架。
ReactTypeScript工程化框架原理 · 58 分钟React 核心知识体系从 JSX、组件与 ref,延伸到高阶组件、Redux 和渲染行为,形成系统复习地图。
React组件ReduxOpenGL 与 3D · 62 分钟OpenGL 渲染管线与着色器从顶点数据进入 GPU,到光栅化、片段着色与深度测试,搭建完整实时渲染心智模型。
OpenGLGLSL渲染管线OpenGL 与 3D · 30 分钟Three.js 场景、矩阵与拾取穿过 Three.js 抽象层,理解场景渲染、局部/世界矩阵、法线贴图和射线拾取。
Three.js矩阵RaycasterOpenGL 与 3D · 46 分钟Three.js 实战技巧汇集法线、UV、Raycaster、BatchedMesh、相机矩阵与曲线路径等高频三维问题。
Three.jsUV相机OpenGL 与 3D · 12 分钟Three.js 源码阅读方法以 WebGLRenderer 为控制中心,按核心对象、材质、加载器与后处理建立源码阅读顺序。
Three.js源码阅读架构OpenGL 与 3D · 52 分钟从零实现 Orbit Controller从相机坐标系、球坐标和输入状态机出发,实现旋转、平移、缩放与惯性更新。
OrbitControls相机交互OpenGL 与 3D · 44 分钟Web Worker 模型加载器把 glTF 解析、几何合并和可转移对象搬到 Worker,降低大模型处理对主线程的阻塞。
Web WorkerglTF性能OpenGL 与 3D · 12 分钟glTF 数据结构沿 Scene → Node → Mesh → Primitive → Accessor → BufferView → Buffer 读懂模型数据。
glTFAccessorBuffer