JavaScript 全栈工具

JavaScript 全栈工具

共 8+ 款工具

最新

Navigation API 演示 - 现代前端路由导航

使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。

JavaScript Navigation API 导航演示路由

最新

Promise 链可视化 - 异步流程时间轴

构建 Promise 链并显示每个 then/catch 的执行时间与状态，帮助理解微任务调度。

JavaScript Promise 可视化异步链式

最新

ES Module 与普通脚本对比演示 - 作用域与加载

对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。

JavaScript ES Module script 作用域对比

最新

SharedArrayBuffer 通信演示 - 跨 Worker 共享内存

在主线程和 Worker 之间使用 SharedArrayBuffer 和 Atomics 进行同步通信。

JavaScript Atomics SharedArrayBuffer Worker 共享内存

最新

Web Locks API 探索器 - 跨标签页资源协调

获取和释放命名锁，观察多个标签页如何排队等待资源访问。

JavaScript Web Locks 协调资源锁

最新

URL.canParse 测试器 - 安全检测 URL 有效性

输入字符串并使用 URL.canParse() 判断是否为有效 URL，不抛出异常。

JavaScript canParse URL 检测验证

最新

DOM 事件传播模拟器 - 捕获与冒泡阶段可视化

构建嵌套元素，触发事件并逐步显示事件流经路径，可切换捕获/冒泡模式。

JavaScript 事件传播演示

最新

structuredClone 深度克隆测试器 - 对象对比

输入复杂对象，使用 structuredClone 进行深拷贝，并对比原始对象与克隆体，展示可拷贝类型。

JavaScript structuredClone 克隆对象深度