2025年互联网行业技术部工程师前端界面开发手册.docxVIP

2025年互联网行业技术部工程师前端界面开发手册

第1章基础规范与编码标准

1.1项目级编码规范

所有前端项目必须遵循统一的命名空间策略，将文件后缀统一改为`.tsx`或`.jsx`，严禁使用`.`、`.js`或`.vue`作为源文件扩展名，以确保构建工具能正确识别TypeScript或Vue语法。目录结构需严格对齐`src`文件夹下的`components`、`views`、`layouts`、`assets`及`utils`等标准模块，禁止在根目录直接放置组件文件，所有公共样式需统一封装至`assets/css`目录中。

组件导入路径必须使用相对路径或绝对路径（如`/components/Header.vue`），严禁使用硬编码的字符串路径（如`./components/Header.vue`），以避免跨平台构建时的路径解析错误。所有组件必须继承父组件的`props`接口，并在`setup`函数中显式声明`ref`和`emit`方法，禁止在组件内部直接操作DOM节点，必须通过`react`提供的API进行交互。样式文件命名需遵循`component-name.module.css`或`component-name.scss`格式，禁止使用`style.css`或`style