Git可视化学习器 - 理解分支与合并
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
UD5工具箱
遵循 Git Flow / GitHub Flow 规范,快速生成标准化分支名称
暂无生成记录
| 类型 | 用途 | 来源分支 |
|---|---|---|
| feature | 新功能开发 | develop |
| bugfix | Bug 修复 | develop |
| hotfix | 紧急线上修复 | main/master |
| release | 版本发布准备 | develop |
| chore | 构建/工具/依赖 | 任意 |
| docs | 文档编写更新 | 任意 |
| refactor | 代码重构 | develop |
| test | 测试代码 | 任意 |
feature/user-login)和 GitHub Flow(更灵活)。统一命名有助于快速识别分支用途、自动化 CI/CD 流程,以及生成清晰的 Changelog。
develop 分支拉出,完成后合并回 develop。hotfix 分支用于紧急修复线上问题,从 main(或 master)分支拉出,修复后需同时合并到 main 和 develop,并打上版本标签。
/ 是 Git Flow 的标准做法(如 feature/login-page),Git 会自动将其组织为目录结构,便于管理。使用 横线 - 则更简洁(如 feature-login-page)。选择一种并在团队内统一即可。本工具支持两种分隔符自由切换。
feature/123-user-login 或 123-feature-user-login。将 Issue 编号放在分支名中,可以让代码托管平台(如 GitHub、GitLab)自动将分支关联到对应 Issue,提交记录中也会自动引用,极大提升可追溯性。本工具提供可选的 Issue 编号输入框。
类型/描述 格式。
feat: add login page。分支命名中的类型前缀(feature、fix、chore 等)与 Conventional Commits 的类型高度对应。两者结合使用,可以让项目的提交历史和分支管理保持高度一致,便于自动生成 Changelog。
git branch -d branch-name(安全删除,需已合并)或 git branch -D branch-name(强制删除)。删除远程分支:git push origin --delete branch-name。建议定期清理已合并的分支,保持仓库整洁。
pre-push hook)或 CI 流程中的脚本来验证分支名是否符合规范。也可以使用工具如 commitlint 配合分支命名规则进行约束。一些 Git 管理平台(如 GitLab)也支持设置分支命名正则规则,在推送时自动检查。
用彩色小球串演示Git仓库的提交(commit)、创建分支(branch)和合并(merge)过程。
粘贴含有冲突标记的文件内容,左右对照选择保留版本,一键生成干净合并结果。
输入问题描述(如“禁止未使用变量”),自动匹配对应的 ESLint 规则名称及配置建议。
注册一个后台同步任务,展示如何在网络恢复后自动同步表单提交等操作。
待办项拖入四象限,并设置每个的提醒时间,自动排序今日。
模拟两个分支修改同一文件产生的冲突标记,在编辑器中手动解决并提交,学习冲突处理。
勾选需要临时禁用的 ESLint 规则,生成对应的 /* eslint-disable */ 注释语句。
将同类待办归入电话、外出、电脑等情境,一目了然优化执行顺序。
配置事件类型和重试间隔,生成用于接收 SSE 的前端 EventSource 代码和后端流示例。
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
向指定 URL 发送不同 HTTP 方法的请求,显示响应状态码、头部和主体,学习 RESTful API。
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
输入一组快捷键,检测在主流操作系统和浏览器中是否已被系统或软件占用。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
编写O与对应KR,可视化进度条与完成度,团队或个人目标跟踪的轻量替代。
提供一份涵盖性能、安全、备份、监控等上线前检查清单,可自定义勾选。
编写海龟绘图规则和初始公理,迭代生成龙曲线、植物等分形图形。
发起请求获取当前URL或任意允许CORS的URL的Response Headers,展示详情。
设置可用时段与会议室名称,模拟用户拖拽创建预订并查看冲突。
选择平台和分享参数,生成分享到Twitter、Facebook、WhatsApp等的URL链接及按钮。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
创建一个测试自定义元素,记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
输入代码并自动去除无意义空格,统计有效字符数,用于Code Golf比赛。
为每个字符添加Unicode删除线组合符号,生成带删除线的纯文本,适用于格式化受限场景。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
从眉毛、眼睛、嘴巴等部件中拖拽组合,生成独一无二的日式颜文字表情,一键复制。
以JSON或可视化方式编写分支剧情,生成可在浏览器游玩的文字冒险游戏。
以周视图网格呈现,拖拽创建彩色时间块安排活动,打印或导出图片作为桌面壁纸。
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。