软件开发行业前端部·前端工程师页面开发手册（企业正式版）.docxVIP

软件开发行业前端部·前端工程师页面开发手册（企业正式版）

一、手册总则

1.1编写目的

统一前端团队页面开发标准、代码风格、工程流程、交付规范，解决代码混乱、页面样式不统一、兼容性问题、性能冗余、安全漏洞、交付不规范等问题，提升团队协作效率、页面可维护性、项目稳定性，适用于公司所有Web端、H5、管理后台、可视化页面开发工作。

1.2适用范围

前端部所有前端工程师、实习前端、外包前端人员；所有新增页面、迭代页面、改版重构页面、活动页、后台功能页、数据可视化页面开发全流程。

1.3核心开发原则

规范统一、结构清晰、样式解耦、逻辑分层、兼容适配、性能最优、安全合规、可复用、可维护、可迭代。

二、前端工程与目录规范（强制执行）

2.1文件命名规范

强制规则：所有HTML、CSS、SCSS、JS、图片资源文件统一小写、中划线分隔，禁止驼峰、禁止拼音、禁止中文命名。

?正确示例：login.html、user-info.scss、render-dom.js、company-logo.png

?错误示例：loginPage.html、用户信息.scss、UserInfo.js

2.2项目目录结构规范

所有页面必须遵循统一分层目录，禁止随意新建文件、散落代码：

PlainText

src

├──views//页面视图层（所有业务页面）

│├─