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

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

第1章基本规范

1.1代码命名规范

前端项目的代码库是否清晰，很大程度上取决于命名是否规范。混乱的命名会降低代码的可读性，增加维护成本。

变量命名应遵循清晰直观的原则。例如，`userList`比`arr`更能体现其用途。状态管理中，`isFetching`比`loading`更具体地描述了异步操作的当前状态。

组件命名应使用帕斯卡命名法（PascalCase），如`UserInfoCard`。避免使用下划线或中划线，它们在组件命名中容易引起混淆。

函数命名应使用小写加下划线（snake_case），如`get_user_list`。这样既能区分变量和函数，也能保持一致性。

1.2代码格式化规范

代码格式化看似琐碎，实则关乎团队的协作效率。未统一格式化的代码，在多人协作时容易产生“审美疲劳”，甚至导致编译错误。

推荐使用Prettier或ESLint等工具自动格式化代码。配置文件应包含以下核心规则：

-缩进：使用4个空格，避免tab与空格混用。

-换行：逻辑语句后强制换行，避免单行过长的表达式。

-分号：强制使用分号（`;`），避免`ES6`中的`inferential`语义冲突。

例如，正确的数组定义：

constusers=[

{