前端架构之工作流

Posted 2020-11-26 bearrunning

前端架构是一些列工具与流程的集合。

前端架构是我们在启动一个项目时所需要制订的一系列规范和规划。

1.0阶段，选定前端框架、搭建持续集成环境、编写前端应用的构建脚本。

2.0阶段，选定前端框架 + 完整的构建脚本和构建系统、团队并行工作、规范化（口头或自动化）。

3.0阶段，选定前端框架 + 完整的构建脚本和构建系统 + 流程规范化、开发前端框架（安全和能力提升层面）、前端Design system（用户体验和开发人员的便利性）、

拥有自己的前端应用框架、开发工具或者协作工具（降低开发成本）。（工作的重心从业务转向了构建工具）。

项目阶段地演进，与团队规模密切相关。为了保障团队能顺利开展合作开发，我们需要制订一系列的开发流程，并创建相应的开发规范。

“社会主义的本质是解放和发展生产力，人是生产力中的主导因素，解放生产力的根本任务是解放人，市场经济是实现资源（包括人力资源）优化配置的最佳经济运行机制。”

---

TIPS：

1. 代码组织：打开README了解应该阅读哪些相关的资料、阅读package.json了解系统的基础设施，使用了哪些组件库，以及配置了哪些构建脚本、浏览主目录下的一个个文件，了解系统的一些插件的配置、进入项目代码中阅读和了解
2. 代码风格
3. Lint规范代码：是否分号结束语句、缩进空格、判断类型相等使用===、函数大括号是否换行
4. 规范化命名：命名法（驼峰命名法、下划线命名法、匈牙利命名法）、CSS及其预处理器命名规则、组件命名规则
5. 规范开发工具：EditorConfig、Lint插件、单词拼写检测、路径补全（Path Intelllisense）、代码自动补全、Emmet插件、代码格式化
6. 项目文档化：README搭建指南（支持运行的环境、必要的依赖环境以及如何搭建、项目的安装指南、线上的示例或最后的运行环境、相关的文档链接、相关热源的联系方式、讨论群）
7. 绘制架构图：代码生成、专业工具、软件附带工具、在线工具
8. 可编辑文档库：WIKI软件、专业的协作工具、基于Git + Markdown的代码管理工具
9. 记录架构决策：轻量架构决策记录
10. 可视化文档：注重代码的可读性
11. 看板工具：统一管理业务知识
12. 提交信息：使用版本管理工具Git、SVN几乎都是这个行业的标准
13. 开源项目方式
14. 通过流程化提高代码质量：代码预处理、手动检视代码
15. 使用工具提升代码质量
16. 测试策略：单元测试、组件测试、契约测试/接口测试、E2E测试

“策略是对算法的封装，是一种行为模式，将每一个算法封装到具有共同接口的独立的类中，从而使得它们可以相互替代。”

---

 

总结：

　　1.采用工作流，是为了团队并行开发，是组织发展到一定规模的必要产物。

　　2.不同的策略，主要采取两个衡量标准，使用频率和性价比。根据具体情况采取具体的策略。

　　说明：如代码组织、规范化命名、提交信息（Git、SVN）、看板工具、通过流程化提高代码质量、测试策略（单元测试）在行业内使用频率更高。

　　3.工作流，是工具和流程的集合，工具和流程的本质就是一种策略。