软件开发行业前端开发开发工程师前端开发规范手册.docxVIP

软件开发行业前端开发开发工程师前端开发规范手册

第1章基本规范

1.1代码命名规范

在`React`组件中，一个清晰的命名能立刻揭示其用途。例如，`UserProfileForm`就比`FormComponent`更能传达信息。避免使用无意义的命名，如`temp`或`data`，除非它们是临时变量。模块命名应反映其职责边界，例如`user/api.js`或`shared/utils.js`。函数命名应遵循动宾结构，如`fetchUserProfile`而非`getUserProfileData`。

分级细节

1.组件命名

-规则：`PascalCase`格式（首字母大写）

-示例：`ProductCard`、`CheckoutProcess`

-最佳实践：包含动词表示交互能力，如`ConfirmOrderButton`

2.变量命名

-规则：`camelCase`（小驼峰）

-避坑：避免`var`、`let`的滥用，优先使用`const`

-示例：`userSettings`、`selectedCategories`

3.文件命名

-规则：`kebab-case`（中划线）

-逻辑：按功能模块拆分，如`product-lis