anran758's Homepage

web example website.

TDDO

• Mock Browser component
• 支持配置路由

交互优化

• [Skeleton] list
• [Skeleton] images
• error handle
• empty handle

✨ Feature

• Mock Browser 支持基础的 URL 输入和 reload Demo page 的功能

start

# 开发模式
npm run start

# 生产打包
npm run start

# 校验 TypeScript 是否符合规范
npm run lint:ts

# 编译 TypeScript 为 js
npm run tsc

# 打开 commit 推荐信息，通过指示来提交 commit
npm run cz

commit

commit 结构 (注意换行):

<type>[optional scope]: [emoji]<description>

[optional body]

[optional footer(s)]

• type: 本次 commit 类型
• optional scope: 可选的改动范围
• description: 本次 commit 简短的描述
• emoji: 约定的 emoji

以下是各类型的含义，还可以增加可选的 emoji 增强语义:

feat

新增功能。

• 🎉 初次提交
• ✨ 引入新功能

fix

修复 bug。

• 🐛 修复 bug
• 🚑 修复紧急 bug
• 🍎 修复 MacOS 上的问题
• 🐧 修复 Linux 上的问题
• 🏁 修复 Windows 上的问题
• 🤖 解决 AndroidOS 上的问题
• 🍏 解决 ios 上的问题

perf

本次的代码修改可提升性能。

• ⚡ 提升页面性能
• 🚸 改善用户体验/可用性
• ♿ 改善无障碍

docs

仅修改文档类。

• 📝 编写文档
• 📄 添加或更新 License

style

样式不会影响代码含义的更改。

• 🎨 改进代码的结构 / 格式 / 分号补全等
• ✏️ 修改文案，错别字等文字相关的工作

refactor

既不修复错误也不增加功能的代码更改。

• ♻️ 代码重构
• 📈 添加分析或埋点代码等

build

影响构建系统或外部依赖项的更改。例如 webpack、npm、nginx 等。

• 🔧 更改配置文件
• 📦 更新构建相关的逻辑

test

添加或修改测试内容。

chore

不会涉及到 src 或测试文件的更改。比如修改 .gitignore,package.json、yarn.json 等文件。

• 📌 将依赖关系固定到特定的版本
• ➕ 添加依赖项
• ➖ 移除依赖项
• ⬆️ 升级依赖
• ⬇️ 降级依赖

ci

对 CI 配置文件和脚本的更改。

• 👷 添加 CI 构建系统
• 💚 修复 CI 构建
• 🐳 处理 docker 相关的工作

revert

⏪ 回退旧版本

commit example

feat(html): HTML 模板新增 favicon

fix: 纠正代码中的错别字

有关已修正错字的详细信息，请参见 issue

closes issue #12

style: :pencil2:修改文案错别字

# or
style: ✏️修改文案错别字

build(webpack): 调整 webpack 构建方式

ci(travis): travis-ci 添加 commitlint-travis 脚本

更多示例参见: 约定式提交

分支

branch	用途
master	Github Pages 服务
develop	触发构建的开发分支

由于 <username>.github.io 储存库只有 master 分支才可以使用 Github Pages 服务，因此 master branch 不是 source code.