排序算法 · 前端算法 · 设计模式 · 外企面试考点专题 — SVG 图解 + 生活类比 + 代码对照
算法和设计模式是面试必考、实战必用的核心知识。但传统教材只有文字和伪代码，很难直观理解"到底怎么运作的"。
这个板块用 SVG 分步图解 + 生活类比 + 完整代码 三位一体，让你看图就懂每个算法/模式的运作过程。
✅ 排序算法 → 每一步的数组变化可视化 + 交换箭头
✅ 前端算法 → 浅拷贝/深拷贝引用关系图 + 防抖节流时间线
✅ 设计模式 → UML 结构图 + Spring/Vue 中的真实应用
✅ 外企面试算法 → 20 道真题按考点分 6 个专题（双指针/哈希表/动态规划/位运算/栈与滑动窗口/综合技巧）
6 大经典排序的 SVG 分步可视化：冒泡、选择、插入、快速、归并、堆排序。每个算法都有颜色编码的交换/比较过程图 + 复杂度分析 + 面试口诀。
8 大前端高频算法：数组扁平化、对象深拷贝、树遍历 DFS/BFS、防抖节流、数组去重、Promise 串/并行、LRU 缓存。每个都有引用关系图 + 多种实现对比。
8 大常用设计模式：单例、工厂、观察者、策略、装饰器、代理、适配器、模板方法。UML 结构图 + Spring/Vue 实战代码 + 易混淆模式对比。
面试出场率最高的技巧。4 道经典题：回文检测、反转字符串、合并有序数组、移动零。覆盖左右指针和快慢指针两大变体。
用空间换时间的万能武器。4 道高频题：两数之和、字母异位词、存在重复、第一个唯一字符。Map/Set 计数是核心。
DP 三道入门必刷题：斐波那契、爬楼梯、最大子序和（Kadane 算法）。从递归到迭代的优化思维 + O(1) 空间技巧。
XOR 异或——面试中的装逼武器。2 道经典题：只出现一次的数字、缺失数字。一行代码 O(1) 空间解决问题。
栈处理配对/嵌套，滑动窗口处理子串/子数组。2 道代表题：有效括号（栈）、最长不重复子串（滑动窗口）。
每道题一个独立面试技巧：FizzBuzz、买卖股票（贪心）、多数元素（摩尔投票）、旋转数组（三次反转）、二分查找。