64 lines
2.3 KiB
Markdown
64 lines
2.3 KiB
Markdown
# 前端知识仓库
|
||
|
||
欢迎来到前端知识仓库！这个仓库致力于提供常用的前端资源，包括常用样式、代码片段以及各种实用工具的实现。旨在为前端开发者提供全面的指南，以提高编码效率并保持最佳实践。
|
||
|
||
## 目录
|
||
|
||
- [前端知识仓库](#前端知识仓库)
|
||
- [目录](#目录)
|
||
- [介绍](#介绍)
|
||
- [常用样式](#常用样式)
|
||
- [代码片段](#代码片段)
|
||
- [工具实现](#工具实现)
|
||
- [服务器](#服务器)
|
||
- [提交信息规范](#提交信息规范)
|
||
- [类型](#类型)
|
||
- [示例](#示例)
|
||
|
||
## 介绍
|
||
|
||
该仓库旨在为前端开发者提供宝贵的资源。包括一系列常用的样式、便捷的代码片段以及各种自定义实用工具的实现（也称为“造轮子”）。
|
||
|
||
## 常用样式
|
||
|
||
在 `css-demos/` 目录包含一些css效果实现，比如动画、布局、新特性等，每一个html文件表示一个效果展示，如果效果复杂需抽离css时，因另起一个和原本html同名的目录，把资源文件都放到这个目录下。
|
||
|
||
## 代码片段
|
||
|
||
`js/` 目录包含各种用途的代码片段。这些片段按功能组织，可以方便地复制粘贴到你的项目中。
|
||
|
||
## 工具实现
|
||
|
||
`html/` 目录包括前端大量最佳实践，每个html都代表一个demo，彼此之间是独立的。
|
||
|
||
## 服务器
|
||
|
||
`server` web服务器相关实现，用于demo的前后端交互。
|
||
|
||
## 提交信息规范
|
||
|
||
我们遵循 Vue 提交信息规范以保持一致的提交历史。每个提交信息由类型、可选范围和主题组成：
|
||
|
||
### 类型
|
||
|
||
类型表示更改的性质。以下是支持的类型：
|
||
|
||
- `feat`: 新功能
|
||
- `fix`: 修复 Bug
|
||
- `docs`: 仅文档更改
|
||
- `style`: 不影响代码含义的更改（空格、格式、缺少分号等）
|
||
- `refactor`: 既不是修复 Bug 也不是添加功能的代码更改
|
||
- `perf`: 提高性能的代码更改
|
||
- `test`: 添加缺失的测试或纠正现有测试
|
||
- `chore`: 构建过程或辅助工具和库（如文档生成）的更改
|
||
- `revert`: 恢复先前的提交
|
||
|
||
### 示例
|
||
|
||
以下是一些提交信息的示例：
|
||
|
||
* feat(styles): 添加新的响应式网格系统
|
||
* fix(snippets): 修正 JavaScript 片段中的语法错误
|
||
* docs: 更新 README 中的贡献指南
|
||
* style: 重新格式化 CSS 文件以保持一致性
|