互联网行业前端部前端工程师页面开发规范手册（执行版）.docxVIP

互联网行业前端部前端工程师页面开发规范手册（执行版）

第1章基本规范

1.1代码命名规范

命名是前端工程化的基石，混乱的命名会迅速侵蚀团队协作效率。

变量命名应遵循`camelCase`规则，如`userProfile`或`fetchDataStatus`。避免使用缩写，除非广泛约定（如`api`、`dom`）。数字和特殊字符前缀（如`idx`、`cnt`）仅用于索引场景。

函数命名需明确其职责，`calculateTotalPrice()`高于`doCalc()`。参数命名要直观，`formData`比`data`更易理解。

类名采用`PascalCase`，如`UserProfileComponent`。工具类可保留英文原词，`debounce`或`throttle`。

组件命名要反映其用途，`ProductCard`比`Box`更清晰。避免`Module`、`Component`等通用前缀，编译器已能识别。

实践数据表明：命名规范团队中，代码理解时间缩短30%，新成员上手周期降低25%。

1.2代码格式化标准

格式化不是形式主义，而是协作的隐形协议。

缩进统一使用2个空格（推荐，VSCode配置`editor.formatOnSave:true`可自动执行）。换行要遵循逻辑块：