代码的合理划分

上次更新 2024年9月27日星期五 7:54:36 字数 0 字 时长 0 分钟

1.组件

1.1 组件的拆分：

• 业务组件和通用组件拆分。

• 代码逻辑和样式的拆分。

• 通用逻辑抽离

• 整体评估很重要

  1.1.2 怎么做组件拆分？

  • 统一设计理念：推荐：代码样式逻辑放置位置统一，忌：代码样式随意放置；

  • 简化代码实现逻辑：简化代码逻辑，比如 精简代码传参，比如：参数校验、参数类型、参数默认值等。

  • 统一化变量处理：错误处理，比如：错误码、错误信息、错误提示等。

  • 减少代码重复（逻辑抽离）: 比如：utils hooks 等。

  • 减小单个文件的代码体积：函数 文件行数 不要超过 500 行。

    • 单个函数方法：不超过 20-50 行；
    • 单个文件（模块）：不超过 500 行；
    • 单个组件：不超过 300 行；

  • 推荐 原子化 css;

  • 推荐 代码加入 ts;

    1.1.3 关于代码优化的思考：

  • 代码优化应该尽可能的减少，而不是为了炫技。

  • 代码优化应该有价值。

    1.1.4 review code

  • 是有价值的，有助于团队的协作。

  • 团队成员的代码风格要保持一致。

  • 有助于代码的迭代 不正代码在一定程度上提升可读性。

  • 减少代码的维护成本。

  • 当然减少团队成员的不可替代性。

  最后所有的努力，都是为了避免屎山项目的出现。