AI 全栈知识库
前端工程
浏览器基础、算法、框架、构建系统与复杂前端工程。67 篇文章算法与数据结构
数据结构基础从访问模式出发选择数组、链表、栈、队列、树与图。复杂度分析用时间和空间增长率评估算法，而不是只比较一次运行耗时。数组、哈希与双指针掌握数组索引、哈希映射和双指针的典型问题模型。字符串算法处理字符串扫描、窗口、映射与边界条件。栈与括号匹配利用后进先出不变量解决匹配与表达式问题。队列与滑动窗口用先进先出和单调结构处理流式数据与窗口问题。链表合并与反转围绕 next 指针不变量完成链表结构变换。链表倒数节点与快慢指针通过固定间距指针处理倒数位置和删除操作。环形链表使用快慢指针判断环、定位入口并分析相遇条件。排序算法理解常见排序的稳定性、复杂度和适用数据分布。二叉树的迭代遍历用显式栈表达前序、中序和后序遍历。二叉树的递归与层序遍历比较深度优先和广度优先的状态组织方式。二叉搜索树利用有序不变量完成查找、插入、删除和验证。深度优先搜索用递归或栈探索树、图与组合空间。递归与回溯思维把选择、约束、撤销抽象为可验证的搜索树。动态规划从重叠子问题和状态转移建立可复用的求解模型。
重学前端
重学前端：学习方法以规范、运行时和工程实践三条线重建前端知识体系HTML 标准与语言设计理解 HTML 的容错模型、元素语义和现行标准DOCTYPE、DTD 与标准模式厘清历史 DTD 与现代 HTML doctype 的关系HTML Head 与元数据正确组织标题、链接、脚本和页面元信息语义化 HTML用原生元素表达文档结构和交互语义ARIA 与可访问性语义坚持原生优先并在必要时补充角色、状态与关系链接、资源与嵌入内容理解 href、src、srcset、iframe 等资源语义CSS At-rules 与规则系统梳理媒体、字体、动画、支持查询等规则CSS 选择器与伪元素理解选择器匹配、优先级、伪类和伪元素CSS 布局与格式化上下文从正常流、定位和格式化上下文理解布局Web 色彩系统从颜色空间、透明度和对比度理解网页色彩CSS 动画与过渡区分 transition、animation 与合成友好属性CSS 与文档资源理解样式表加载、资源引用和媒体条件JavaScript 类型系统掌握语言类型、转换、相等性和数值边界JavaScript 对象模型理解属性描述符、内建对象和对象能力边界原型与继承从内部原型链到 class 语法理解对象继承JavaScript 函数比较普通函数、箭头函数、生成器和异步函数作用域与闭包从词法环境和生命周期理解闭包的能力与成本事件循环与任务队列理解浏览器任务、微任务、渲染机会和阻塞JavaScript 语法结构区分脚本、模块、声明、语句和表达式JavaScript 词法系统理解标识符、字面量、模板和自动分号插入前提自动分号插入用语法规则而不是风格争论理解 ASICompletion Record 与控制流从规范内部记录理解 return、throw、break 和 continue浏览器网络与 HTTP从导航请求到 HTTP/2、HTTP/3 理解现代网络栈HTML 解析与 DOM 构建理解 tokenizer、tree builder 和容错解析CSSOM 与样式计算理解样式表解析、层叠、继承和计算值DOM API 与节点操作掌握节点、遍历、Range 和变更观察DOM 事件系统理解事件路径、捕获、冒泡、默认行为和委托浏览器进程与线程模型建立页面、进程、线程和安全隔离的现代认知浏览器样式与布局过程串联样式计算、布局、绘制与合成浏览器绘制与合成理解 paint、layer、raster 和 compositor前端架构与组件化从职责、依赖和变化频率设计组件边界持续集成方法让自动检查成为可重复的质量反馈回路性能工程方法从指标、预算、测量到回归建立性能闭环前端工程系统设计围绕开发、构建、发布和观测搭建工程系统前端工具链方法基于反馈周期和可替换性选择工具前端常见问题与判断框架把零散问题转化为规范、浏览器和工程约束的判断方法
现代前端工程
TypeScript 工程实践用类型边界、运行时校验和分层类型控制大型前端复杂度。Vue 3 响应式与调度从依赖收集、批处理和更新队列理解 Vue 3 运行机制。React Fiber 与并发渲染理解 Fiber 数据结构、Render/Commit 阶段和并发特性边界。Next.js 渲染与缓存围绕数据新鲜度选择静态、动态、流式渲染和缓存策略。Vite 开发服务器与插件理解原生 ESM、依赖预构建、HMR 和插件生命周期。Rollup、esbuild 与代码分割比较构建工具职责并设计可测量的包边界。组件库与设计系统工程从 API、主题、文档、消费沙箱到版本发布治理组件资产。Manifest V3 浏览器扩展架构设计最小权限、页面采集、后台通信与本地数据边界。