论”前期设计“在前端开发中的作用

设计与标准化

我们团队现在在做通用化,想做通用化,前端就得有标准的“约束”,统一的技术栈,统一的设计流程、统一的配置管理、ui等

前端在复用粒度有多个分类,在我们团队开发时,大致可以分三个粒度:
1.较小粒度的功能,一般与业务无关:UI组件
2.一段通用业务逻辑的集合,单页面系统中通常一个路由地址对应一个:模块
3.数据层面的管理,可以抽象出cache层:数据管理层

单独聊聊“模块”

模块的设计理解:

  1. 一段通用业务逻辑的集合,单页面系统中通常一个路由地址对应一个模块
  2. 保持模块的独立性
  3. 逻辑的层面上去审视、设计复用的结构(追求复用的过程中,我们确实往往可以做到少写代码的效果。少写代码其实是复用的一种“副(附加)作用”,而不是目的,应从逻辑复用上审视复用)

此处输入图片的描述

如上图所示,一个模块(路由单元)的设计,应该遵守扁平化的原则,父子模块(路由)不要有依赖,每个模块自身保持独立性,这样就能做的每个模块(路由单元)的代码能随时、随地的复用。

标准模块的设计流程同样重要

  1. 模块分解:从业务逻辑上审视,拆分模块,设计UMI(路由),产出设计文档
  2. 模块功能:说明模块需要实现的交互内容
  3. 模块流程:模块实现时需要涉及的组件、cache、以及这些角色的交互流程,用时序图表述(时序图的产生很重要
    此处输入图片的描述

标准化流程的设计优点
1.前期设计,减少开发阶段的方案调整
2.时序图的沉淀,开发者 接口上的沟通效率>口头交流
3.后期维护方便迅速