📘

前端规范·协作营

30 章 · 从入门到落地
⭐ 团队版 v2.0
🎯 实战手册
01
规范总览
为什么需要前端规范?规范能解决哪些团队痛点?规范的落地策略。
02
HTML规范
语义化标签使用、属性顺序、模板语法规范、SEO友好写法。
03
CSS规范
命名规范(BEM/OOCSS)、选择器深度控制、属性书写顺序、媒体查询管理。
04
JavaScript规范
变量命名、函数设计原则、条件与循环优化、错误处理规范。
05
TypeScript规范
类型定义策略、泛型使用场景、枚举与联合类型选择、any类型管控。
06
React规范
组件拆分原则、Hooks使用规范、状态管理策略、性能优化要点。
07
Vue规范
单文件组件结构、Composition API规范、Props与事件命名、指令使用规范。
08
Git规范
分支模型(Git Flow/Trunk Based)、提交信息规范、Code Review流程。
09
代码格式化
ESLint配置策略、Prettier集成、EditorConfig统一、自动化格式化。
10
项目结构规范
目录组织原则、模块划分、公共资源管理、配置文件管理。
11
API接口规范
请求封装、错误码处理、数据模型定义、Mock数据策略。
12
状态管理规范
Store分层设计、模块化、副作用处理、持久化策略。
13
路由规范
路由设计原则、懒加载策略、权限控制、路由守卫。
14
组件库规范
组件设计原则、API设计、文档编写、版本管理。
15
测试规范
单元测试、组件测试、E2E测试、测试覆盖率要求。
16
构建与部署
Webpack/Vite配置规范、环境变量管理、CI/CD流程、构建优化。
17
性能规范
Lighthouse指标、代码分割、图片优化、缓存策略、首屏加载优化。
18
安全规范
XSS防护、CSRF防护、输入验证、敏感信息处理、依赖安全。
19
文档规范
README编写、API文档、变更日志、内部知识库建设。
20
设计规范
设计稿标注、组件一致性、响应式设计、主题定制。
21
代码审查规范
审查清单、审查流程、反馈技巧、常见问题。
22
团队协作工具
Jira/Notion/Slack集成、任务管理、知识共享、会议规范。
23
版本发布规范
语义化版本、发布流程、回滚策略、灰度发布。
24
国际化规范
i18n方案选择、翻译管理、日期/货币格式化、RTL支持。
25
无障碍规范
ARIA标签、键盘导航、屏幕阅读器支持、色彩对比度。
26
移动端规范
视口设置、触摸事件、适配方案、性能优化。
27
微前端规范
基座应用设计、子应用隔离、通信机制、部署策略。
28
低代码平台规范
组件封装、DSL设计、可视化配置、扩展机制。
29
监控与日志
前端监控体系、错误追踪、性能监控、用户行为分析。
30
持续改进
规范迭代机制、团队培训、技术分享、复盘总结。