Skip to content

前端开发规约

代码版本控制规范

  • 开发新功能或修复问题时,应在开发分支上操作,并定期与主分支同步(通常使用  git rebase)以保持代码最新。
  • 提交代码前确保通过单元测试。
  • Commit 信息应清晰描述改动内容,常遵循以下前缀约定:
    • feat:  新功能
    • fix:  修复问题
    • docs:  修改文档
    • style:  代码格式调整,不改变逻辑
    • refactor:  代码重构
    • perf:  性能优化
    • test:  测试用例增改
    • chore:  工具或其他非代码更改
    • deps:  更新依赖库

文件及命名规范

  • 文件夹、文件名及方法名统一小写,长名称使用下划线  _  连接。
  • 注释应使用统一的格式,如 korofileheader 插件,但可去除最后更新时间和更新人信息。

代码风格与格式

  • 使用 ESLint 或其他代码检查工具自动校验代码风格,遵循特定的属性顺序、缩进、空格等规则。
  • ID 和 Class 命名应反映元素内容或功能,优先按内容命名,必要时可结合表现特征。

组件与模块化:

  • 组件应保持高内聚低耦合,遵循单一职责原则。
  • 模块化组织代码,合理划分文件结构,便于管理和复用。

接口调用规范

  • 定义清晰的 API 请求规范,如 GET 用于查询,POST 用于数据的增删改。
  • 接口路径全小写,避免大写和下划线,如  /api/v1/users.

浏览器兼容性

  • 确保代码在主流浏览器中表现一致,考虑使用 Polyfills 或其他手段处理兼容性问题

技术栈选择与一致性

  • 项目应明确指定并遵循一套技术栈,如 Vue、React 或 Angular,并保持项目内部技术选型的一致性。

UI/UX 设计规范

  • 遵循设计系统或样式指南,如 Material Design、Ant Design 等,确保界面元素一致性。

前后端协作规范

  • 明确接口文档格式和交流流程,如 Swagger/OpenAPI 规范。
  • 数据交换格式(如 JSON)和错误处理应有统一标准。

Released under the MIT License.