Git Commit 风格

feat: 添加新特性、新功能(feature)

fix: 修复bug

docs: 仅仅修改了文档

style: 仅仅修改了代码格式、缩进等

refactor: 代码重构，没有添加新功能或修复bug

perf: 增加代码进行性能测试

test: 添加测试用例

chore: 改变构建流程，或者添加依赖、工具，杂项等

Angular git commit 规范

【Angular git commit 规范】 (opens new window)

Git commit约定式提交规范 (opens new window)

React代码结构书写顺序

1. useState等hooks
2. 自定义hooks
3. effect等副作用
4. 各种methods
5. jsx

养成一个良好的书写习惯是相当有必要的

Vue代码书写顺序推荐

1. defineProps、defineEmits
2. 跟组件相关的非响应式变量 / 常量
3. ref / reactive等
4. ref引用
5. 自定义hooks
6. computed
7. watch
8. methods
9. 生命周期钩子
10. defineExpose

Vue代码建议

1. 代码中尽量少在watch内去修改ref或reactive声明的变量，这样做可以减少项目中的调试麻烦，否则，数据变化很难去追踪。尽量在事件（比如onChange）中去修改响应式变量，减少耦合。

关于组件设计的几点建议

1. 组件设计应尽量简单，简化使用

   我在开发中遇到过封装的组件，光其配置就要写70多行，这种组件，使用起来极其麻烦，究其原因还是没有设计好

   

   我们看这个组件的代码结构，发现包含如此多的子组件，其实像这种组件，我们在设计的时候可以考虑将其分拆模块化，将其拆成一个个小组件，使用的时候就组装这些小组件，就像Form和Form.Item这种方式

   <Component>
       <Component.A></Component.A>
       <Component.B></Component.B>
   </Component>
   

   

   这么做，还有个好处，就是当我这个组件有些部分不需要时，只要不使用这部分模块就可以，非常方便定制化。