跳到主内容
代码画廊
示例Playground
代码画廊让代码看得见
GitHub

© 2026 代码画廊 · 让代码看得见

代码画廊
示例Playground

示例库

浏览内置的代码可视化示例,快速了解代码画廊的分析能力

28 个示例
冒泡排序算法

冒泡排序

经典的 O(n²) 排序算法,通过相邻元素交换把最大值冒泡到末尾。

JavaScript简单打开 →
斐波那契递归算法

斐波那契递归

用递归方式计算斐波那契数列,展示函数调用栈和递归返回过程。

Python简单打开 →
二分查找算法

二分查找

在有序数组中快速定位目标值,O(log n) 查找效率。

JavaScript简单打开 →
两数之和算法

两数之和

用哈希表在 O(n) 时间内找到和为目标值的两个数。

JavaScript简单打开 →
选择排序算法

选择排序

每轮选择最小元素放到正确位置,展示索引交换过程。

JavaScript简单打开 →
回文判断算法

回文判断

判断字符串是否正读反读相同,展示双指针收敛过程。

Python简单打开 →
数组去重算法

数组去重

利用 Set 快速去除数组中的重复元素。

TypeScript简单打开 →
快速排序算法

快速排序

Python 实现的分治排序,展示分区与递归过程。

Python中等打开 →
归并排序算法

归并排序

TypeScript 递归拆分数组再合并有序子数组。

TypeScript中等打开 →
深度优先搜索算法

深度优先搜索

JavaScript 递归遍历二叉树,展示前序遍历顺序。

JavaScript困难打开 →
快速排序(原地)算法

快速排序(原地)

JavaScript 原地分区快排,O(log n) 额外空间。

JavaScript困难打开 →
发布订阅模式设计模式

发布订阅模式

实现 EventEmitter,展示事件订阅与发布机制。

JavaScript中等打开 →
单例模式设计模式

单例模式

TypeScript 实现确保全局只有一个 Logger 实例。

TypeScript中等打开 →
观察者模式设计模式

观察者模式

Subject 维护观察者列表,状态变化时通知所有观察者。

JavaScript中等打开 →
工厂模式设计模式

工厂模式

TypeScript 根据类型参数创建不同 Shape 对象。

TypeScript困难打开 →
计数器闭包设计模式

计数器闭包

JavaScript 闭包实现私有计数器,展示作用域链。

JavaScript简单打开 →
防抖函数设计模式

防抖函数

TypeScript 实现防抖,延迟执行并取消之前的定时器。

TypeScript中等打开 →
迭代器模式设计模式

迭代器模式

TypeScript 自定义集合的 Symbol.iterator 实现。

TypeScript中等打开 →
Promise 链式调用异步

Promise 链式调用

顺序执行多个异步操作,展示 then 链的数据流转。

JavaScript中等打开 →
Async/Await 顺序请求异步

Async/Await 顺序请求

用 async/await 顺序获取用户资料和文章列表。

JavaScript中等打开 →
Promise 竞速与全等异步

Promise 竞速与全等

对比 Promise.race 和 Promise.all 的行为差异。

JavaScript困难打开 →
Promise 并发控制异步

Promise 并发控制

TypeScript 实现最大并发数限制的任务调度器。

TypeScript困难打开 →
栈实现数据结构

栈实现

用数组实现 LIFO 栈,展示 push 和 pop 操作。

JavaScript简单打开 →
链表实现数据结构

链表实现

JavaScript 单向链表,支持 append 和 toArray。

JavaScript简单打开 →
队列实现数据结构

队列实现

TypeScript 泛型队列,先进先出。

TypeScript简单打开 →
LRU 缓存数据结构

LRU 缓存

JavaScript 实现最近最少使用缓存,展示 Map 顺序。

JavaScript中等打开 →
二叉树层序遍历数据结构

二叉树层序遍历

Python 广度优先搜索遍历二叉树,展示队列使用。

Python困难打开 →
红黑树插入数据结构

红黑树插入

TypeScript 简化红黑树插入与旋转,展示自平衡过程。

TypeScript困难打开 →
返回首页
代码画廊让代码看得见
GitHub

© 2026 代码画廊 · 让代码看得见