Git 冲突标记在线解决器 - 可视化选择合并版本
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
UD5工具箱
分支(Branch) 是 Git 的核心概念之一。它就像一条独立的开发线,允许你在不影响主线代码的情况下进行实验、开发新功能或修复 bug。
在可视化中,每个分支用不同颜色表示。分支本质上是一个指向特定提交的轻量级指针,创建分支几乎瞬间完成,不占用额外存储空间。
常见工作流:main 分支保持稳定,新功能在 feature 分支开发,完成后合并回 main。
合并(Merge) 是将两个分支的修改整合到一起的操作。
--no-ff 合并提交。合并提交在图中显示为带金色边框的大节点,它有两个父节点。
HEAD 是一个特殊指针,表示你当前所在的位置。通常 HEAD 指向一个分支(如 HEAD → main),表示你正在该分支上工作。
当你提交时,HEAD 指向的分支会随之更新。如果 HEAD 直接指向某个提交(而非分支),这称为"分离头指针"(detached HEAD)状态。
在本工具中,HEAD 始终指向一个分支,用HEAD标签标示。
Git 的提交历史是一个有向无环图(DAG)。每个提交(commit)都包含一个或多个指向父提交的引用。
在可视化中,圆点代表提交,线条代表父子关系。从左到右是时间顺序,上下分布是不同分支。
存在! 合并操作不会删除分支。被合并的分支指针仍然指向原来的提交。你可以继续在该分支上开发,也可以删除它(git branch -d)。
在本工具中,合并后两个分支都保留,你可以看到合并提交同时连接了两个分支的历史。这反映了 Git 的真实行为。
合并冲突 发生在两个分支修改了同一文件的同一部分,Git 无法自动决定使用哪个版本时。
本工具专注于分支结构的可视化理解,不模拟文件内容和冲突解决。在实际开发中,你需要手动编辑冲突文件,然后 git add 和 git commit 完成合并。
理解分支结构是解决冲突的基础——知道代码从哪里来、到哪里去。
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
选择平台和分享参数,生成分享到Twitter、Facebook、WhatsApp等的URL链接及按钮。
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
构建或随机生成二叉树,逐步动画展示前序、中序、后序和层序遍历的路径。
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
粘贴terraform plan输出,解析并显示资源的增加、更改与销毁列表,辅助审查。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
输入课程、老师和教室资源,尝试按时间排序并高亮显示资源冲突的时段。
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
构建二叉树节点,动态演示三种深度优先遍历顺序及逐层遍历。
像Renpy一样通过点击推进对话,体验分支选择,用于剧情草稿演示。
输入常见的报错片段,基于静态库返回常见的解释和可能的修复方案。
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
对简单混淆的JS进行格式化,并尝试将短变量名替换为更具描述性的名称,提高可读性。
提供一份涵盖性能、安全、备份、监控等上线前检查清单,可自定义勾选。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
编写O与对应KR,可视化进度条与完成度,团队或个人目标跟踪的轻量替代。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
将同类待办归入电话、外出、电脑等情境,一目了然优化执行顺序。
在线Markdown编辑器,支持实时预览、语法高亮,快速编写和渲染Markdown文档,纯前端解析。
测试navigator.clipboard读写功能,写入文本或读取系统剪贴板,验证安全限制。
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。
设置不同验证属性和自定义消息,测试HTML5表单验证触发效果。
上传CSV文件,自动计算每列的计数、唯一值、缺失率及数值型分布直方图,快速了解数据。