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

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

第1章前端开发基础规范

1.1代码命名规范

命名是前端开发的基石。混乱的命名如同杂乱的工地，稍加改动就会引发连锁错误。清晰的命名能显著降低维护成本，提高协作效率。

组件命名应遵循`PascalCase`（首字母大写驼峰式），如`UserInfoPanel`、`ProductListCard`。避免使用下划线或中划线分隔，它们在JavaScript中易引发混淆。

变量命名推荐`camelCase`（小驼峰式），如`userLoadingStatus`、`itemSelectedCount`。当变量表示状态时，可使用`is`前缀，如`isEditMode`。

函数命名应描述其行为，采用`camelCase`，如`fetchUserProfile`、`calculateDiscountPrice`。避免使用`get`、`set`等通用动词开头，除非是获取器/设置器。

场景举例：

-错误示范：`user_data`（含义模糊）、`btn_save`（动词+名词）、`config.json`（后缀依赖工具自动识别）

-推荐实践：`getUserData`（明确动作）、`saveUserProfile`（完整语义）、`UserProfileSchema`（描述内容）

命名应保持简洁，但绝不牺牲可读性