CSS动画录制回放器 - 捕获并微调关键帧
手动播放一个动画,录制元素实际位置变化,反向生成@keyframes。
UD5工具箱
测试正则表达式反向引用(Backreference)——使用 \1, \2 引用捕获组进行匹配
() 创建捕获组,使用 \1 \2 等反向引用已捕获的内容。替换时使用 $1 $2。
$1 $2 引用捕获组,$& 表示完整匹配
暂无匹配结果
反向引用(Backreference)是正则表达式中一个强大的特性,它允许你引用前面捕获组已经匹配到的内容,确保后续匹配的文本与之前捕获的文本完全相同。
语法:\1 引用第1个捕获组,\2 引用第2个捕获组,以此类推。最多可引用 \9(部分引擎支持更多)。
典型例子:
(\w+)\s+\1 — 匹配重复的单词,如 "hello hello"(\d{2})-(\d{2})-\1 — 匹配形如 "12-34-12" 的数字序列(第三段必须与第一段相同)<(\w+)>.*?<\/\1> — 匹配配对的HTML标签捕获组 (pattern) 仅负责提取和分组匹配的内容,供后续使用。
反向引用 \1 则是在正则表达式内部引用之前捕获组匹配到的具体文本,要求再次匹配相同的内容。
例如,(\w+) \w+ 可以匹配 "hello world"(两个单词可以不同),但 (\w+) \1 只能匹配 "hello hello"(第二个单词必须与第一个完全相同)。
在替换操作中,使用 $1 $2 而非 \1 \2 来引用捕获组。
\N(N超过捕获组数量)会被视为匹配空字符串,可能导致意外结果。在Unicode模式(u标志)下会直接报错。$1 $2 而非 \1。如 text.replace(/(\w+)\s+(\w+)/, '$2 $1') 可以交换两个单词。new RegExp('(\\w+)\\s+\\1')。但在本工具的输入框中直接输入 (\w+)\s+\1 即可。(\b\w+\b)\s+\1 可检测文本中连续重复的单词(如 "the the")。<(\w+)>.*?<\/\1>,或配对的引号 (['"]).*?\1。$1 $2 重新排列文本,如姓名格式转换 (\w+),\s*(\w+) → $2 $1。反向引用引用的是已经匹配到的文本内容,要求后续文本与捕获组匹配的内容完全相同。它消耗字符。
前瞻断言 (?=...) 和 后顾断言 (?<=...) 仅检查某个位置前后是否满足条件,不消耗字符,也不"记住"匹配的具体文本。
简单来说:反向引用回答"这里的文本和之前的一样吗?",断言回答"这里的前面/后面有某个模式吗?"
是的,现代正则引擎支持命名捕获组和对应的命名反向引用。
JavaScript(ES2018+):
(?<name>pattern)\k<name>$<name>例如:(?<word>\w+)\s+\k<word> 与 (\w+)\s+\1 功能相同,但更具可读性。本工具也支持命名捕获组和命名反向引用的测试。
是的,反向引用会使正则表达式引擎无法使用某些优化算法(如DFA),可能导致回溯增加,在复杂模式或长文本中性能下降。
优化建议:
(?:pattern) 代替普通捕获组,减少引擎维护捕获组的开销。手动播放一个动画,录制元素实际位置变化,反向生成@keyframes。
输入反应物和生成物化学式,自动计算最小整数配平系数。
将多个JSON对象进行深度合并(Deep Merge),支持覆盖或保留策略,处理数组与嵌套字段。
上传含经纬度的CSV,给定中心点和半径,快速过滤出范围内的所有点。
系统依次显示一组数字,听后要求按顺序或逆序输入,长度逐渐增加,测试工作记忆容量。
动画演示输入域名后,DNS从根、顶级域到权威服务器的逐级迭代解析过程。
输入拥有的字母,使用内置词典列出全部可行的英文单词,辅助拼字游戏。
将短语动词与正确释义拖拽配对,覆盖常见look/take等。
输入反应物与生成物化学式,自动计算系数,并解释配平步骤,学习工具。
粘贴CSS linear-gradient/radial-gradient代码,提取并显示每个色标的位置和颜色。
将输入的小数(包括循环小数标注)转换为最简分数,展示求解过程。
拖拽轨道上的关键帧,调整动画属性和时间点,直接生成@keyframes代码。
输入一个单词,系统为每个字母随机挑选一个英文单词构成有趣的伪全称,娱乐头脑。
在九宫格中填入已知数字,点击求解,利用回溯算法得出唯一答案。
将PHP serialize()格式的数据与JSON格式互相转换,方便调试PHP应用。
以可调速度逐词或词组闪现文章,之后进行理解问答,逐步提高阅读速度。
检查输入的ORCID是否符合格式规范并通过校验和检查。
输入X,Y数据点,计算线性回归方程,显示斜率和截距,并绘制散点图与拟合直线。
听到节奏后,用空格键复现相同节奏型,系统对比偏差并给出延迟毫秒和得分。
输入简单的英文数学问题(如“Tom has 5 apples...”),提取数字并尝试求解。
选择数学领域(如代数、几何),随机生成带答案的练习题,适合课后自测。
随机显示数字,练习使用数字小键盘快速盲打,记录准确率和速度。
触摸或空格键拍停的魔方专用计时器,支持观察倒数、分段记录和成绩统计。
通过正确输入屏幕上滚动的单词,让自己的赛车加速前进,与电脑竞速。
添加任意多个色标,等距分布生成平滑渐变条,复制linear-gradient代码。
在线CSS渐变生成器,可视化调整线性渐变、径向渐变角度与色标,自动生成兼容CSS代码。
除了主拍外,可开启半拍、三连音等细分提示,培养节奏感,视觉闪光同步。
输入跑步距离与时间,计算平均配速和步频建议,辅助提升跑步经济性。
预设一组拉伸动作及保持时长,语音播报切换,全程指导,适合办公室间隙。
提供Dvorak简化键盘的指法练习课程,逐步从QWERTY切换到更高效率布局。