布隆过滤器演示 - 添加元素与存在性检查
使用多个哈希函数和位数组,演示布隆过滤器的添加和查询,计算误判率。
URL参数深度分析 - 解码并检测潜在注入
分解查询参数,高亮可能存在的SQL注入或XSS模式,辅助安全审查。
TypedArray 在线探索器 - 创建并操作二进制缓冲区
创建 ArrayBuffer,用不同 TypedArray 视图读写,观察字节布局和大小端差异。
链表操作模拟 - 单向/双向链表增删改查
以节点图展示链表的插入、删除、反转等操作,直观理解指针变化。
链接短码生成器 - 随机安全字符串链接
输入长链接,生成一个伴随随机短码的完整离线URL(可自定义域名前缀)。
批量二维码生成器 - 从CSV/列表创建
粘贴多行数据,每行生成独立的二维码并打包下载,适合批量制作标签。
NPM 包版本差异对比 - 查看两个版本间文件变化
输入包名和两个版本号,在线展示文件变更差异,了解升级带来的影响。
交叉观察器应用演示 - 滚动曝光与懒加载
演示元素进入视口时触发懒加载和曝光埋点,并展示当前可见比例。
随机User-Agent轮换器 - API测试防检测
从内置库随机选取主流浏览器的User-Agent字符串,一键复制用于请求头。
中心极限定理模拟器 - 抽样分布演示
从任意分布中抽取样本并绘制均值分布直方图,随着样本量增大趋近正态分布。
用户空闲检测器 - Idle Detection API演示
请求Idle Detection权限,监测用户是否离开或处于空闲状态,实时更新状态。
日历热力图生成器 - 年度贡献图风格
输入日期和数值,生成类似GitHub贡献图的年度热力图,可自定义颜色和统计。
会议心情签到 - 匿名提交今日状态
团队成员在会前用温度计匿名标情绪,汇总显示利于主持人引导。
URL.canParse 测试器 - 安全检测 URL 有效性
输入字符串并使用 URL.canParse() 判断是否为有效 URL,不抛出异常。
求职信结构生成器 - 段落提示与模板
提供每段应该写什么的提示,辅助填写个性化的求职信内容。
输入掩码生成器 - 在线表单输入格式JS生成
为输入框生成常见格式掩码(如电话、日期、信用卡),输出JS实现代码,规范用户输入。
Trusted Web Activity 辅助工具 - 验证数字资产链接
粘贴 assetlinks.json 内容,检查是否符合 TWA 打包要求,帮助将 PWA 上架应用商店。
事件冒泡/捕获演示 - 交互模型可视化
嵌套的彩色方块,点击内层观察事件传播顺序,直观理解addEventListener的第三个参数。
关注列表追踪器 - 多资产价格自定义监控
添加股票代码、加密货币或自定义资产,手动输入价格或获取公开API(演示)以追踪变化。
加密安全随机数 - Crypto.getRandomValues
利用浏览器Crypto API生成密码学安全的随机字节序列及对应的整数和十六进制。
README 模板在线构建器 - 快速生成项目自述文件
填写项目名称、描述、安装步骤等,实时预览并生成完整的 Markdown 格式 README。
花语速查工具 - 按花名或寓意搜索
输入花名或关键词(如“爱”),查找对应花语含义和适用场合。
敏感数据脱敏工具 - 动态掩码姓名/手机/邮箱
定义脱敏规则(如手机号中间4位星号,邮箱部分隐藏),对 JSON 或 CSV 数据执行批量掩码。
一次性密码TOTP生成器 - 兼容Google验证器
输入Base32密钥手动生成6位动态验证码,兼容Google Authenticator,前端算法实现不联网。
护肤流程构建器 - 早晚步骤与成分核对
选择肤质与目标,生成早间晚间护肤步骤,并记录完成情况。
二维码名片生成器 - vCard 编码分享
填写姓名、电话、邮箱等信息,生成符合 vCard 标准的二维码,扫码即可保存联系人。
百分比计算器 - 在线百分比增减/占比计算
多功能百分比计算工具,计算数值的百分比、增减百分比、占比等常见场景。
OAuth2 协议流模拟器 - 授权码与隐式流可视化
逐步演示OAuth2授权码、隐式及密码模式交互流程,帮助理解重定向、Token交换与刷新机制。
SQL JOIN 类型交互演示 - 韦恩图与结果预览
选择表A和表B的样本数据,查看INNER/LEFT/RIGHT/FULL JOIN的韦恩图与实际输出结果。
Web OTP API 验证演示 - 短信动态码自动填入
模拟接收包含一次性密码的短信,展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
UD5工具箱