ESLint 规则快速查找器 - 按描述匹配规则名称
输入问题描述(如“禁止未使用变量”),自动匹配对应的 ESLint 规则名称及配置建议。
CSS动画录制器 - 拖拽元素生成关键帧代码
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
CSS 关键帧时间轴编辑器 - 拖拽属性关键点
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
HTTP 方法测试器 - GET/POST/PUT/DELETE 等演示
向指定 URL 发送不同 HTTP 方法的请求,显示响应状态码、头部和主体,学习 RESTful API。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
代码竞速计分板 - 字符数统计
输入代码并自动去除无意义空格,统计有效字符数,用于Code Golf比赛。
Cron表达式解析器 - 查看下次执行时间
解析标准Cron表达式,显示未来多次执行的具体日期时间,辅助验证定时任务配置。
HTML转React JSX - 属性转换
将HTML代码转换为兼容React JSX的代码(class→className,style→对象等)。
文本重复行检测与去重工具 - 找出重复并删除
粘贴多行文本,自动识别完全重复的行,可选择保留首次出现、最后出现或全部删除重复行。
表单代码生成器 - 拖拽式HTML表单构建
拖拽文本框、下拉框、单选复选等元素,排列组成表单,导出整洁的HTML表单结构代码。
ESLint 禁用注释生成器 - 快速生成忽略规则注释
勾选需要临时禁用的 ESLint 规则,生成对应的 /* eslint-disable */ 注释语句。
HTML 输出测试器 - 即时预览代码片段
输入 HTML/CSS/JS 代码,在隔离沙箱中即时渲染,支持控制台捕获。
英文变位词求解器 - 输入字母返回所有单词
输入一串字母,从内置词典搜索所有可组成的有效英文单词,按长度排序。
颜文字表情拼装器 - 拖拽部件生成Kaomoji
从眉毛、眼睛、嘴巴等部件中拖拽组合,生成独一无二的日式颜文字表情,一键复制。
字符串反转工具 - 按字符/单词/逐字反转
支持对整个字符串或按单词、按行进行反转,并可选择保留或反转 Unicode 字符顺序。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限,并设置每个的提醒时间,自动排序今日。
在线变位词求解器 - 字符串字母重组单词
输入一个单词,自动生成所有可能的变位词组合,并可选择验证是否为词典单词。
剪贴板转条形码 - 粘贴编号快速生成
粘贴剪贴板中的数字,立刻生成对应的一维条形码图片。
API状态码测试 - 快速查看HTTP响应
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
数组操作方法性能对比 - map/filter/reduce/for 循环
在同一数据上运行多种数组遍历方式,测量并比较它们的执行时间,辅助性能优化决策。
滑动下划线动画生成器 - 菜单悬停特效CSS
配置下划线从中间或一侧滑出的动画,生成无限菜单效果代码。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画(从中间、左侧等),生成链接美化CSS。
Web Components 生命周期浏览器 - 查看回调执行
创建一个测试自定义元素,记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
Server-Sent Events 模拟器 - 单向实时数据流演示
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
HTML 拖放 API 演示 - 文件与元素拖拽交互
通过实例展示原生拖放 API 的使用,包括文件拖拽上传和页面元素排序功能。
SRT 字幕时间调整器 - 整体偏移/伸缩
上传 SRT 字幕文件,整体提前或延迟所有时间戳,或按比例拉伸压缩以匹配视频。
流体排版 CSS 生成器 - clamp() 函数计算
输入最小/最大字体大小和视口范围,生成精确的 clamp() 值及回退方案。
Server-Sent Events 代码片断生成 - 客户端与服务端模板
配置事件类型和重试间隔,生成用于接收 SSE 的前端 EventSource 代码和后端流示例。
资源提示标签生成器 - dns-prefetch/preconnect/preload
根据输入的外部域名,生成 dns-prefetch、preconnect 和 preload 标签。
质因数分解练习器 - 限时分解随机数
随机给出整数,在输入框中填写其全部质因数分解式,验证数学熟练度。
UD5工具箱