为什么需要前端规范?规范能解决哪些团队痛点?规范的落地策略。
语义化标签使用、属性顺序、模板语法规范、SEO友好写法。
命名规范(BEM/OOCSS)、选择器深度控制、属性书写顺序、媒体查询管理。
变量命名、函数设计原则、条件与循环优化、错误处理规范。
类型定义策略、泛型使用场景、枚举与联合类型选择、any类型管控。
组件拆分原则、Hooks使用规范、状态管理策略、性能优化要点。
单文件组件结构、Composition API规范、Props与事件命名、指令使用规范。
分支模型(Git Flow/Trunk Based)、提交信息规范、Code Review流程。
ESLint配置策略、Prettier集成、EditorConfig统一、自动化格式化。
目录组织原则、模块划分、公共资源管理、配置文件管理。
请求封装、错误码处理、数据模型定义、Mock数据策略。
Store分层设计、模块化、副作用处理、持久化策略。
Webpack/Vite配置规范、环境变量管理、CI/CD流程、构建优化。
Lighthouse指标、代码分割、图片优化、缓存策略、首屏加载优化。
XSS防护、CSRF防护、输入验证、敏感信息处理、依赖安全。
README编写、API文档、变更日志、内部知识库建设。
Jira/Notion/Slack集成、任务管理、知识共享、会议规范。
i18n方案选择、翻译管理、日期/货币格式化、RTL支持。
ARIA标签、键盘导航、屏幕阅读器支持、色彩对比度。