如何设计简洁、直观的前端架构？( 二 )
易于理解。
编码经过优化。
组件更新更简单。
文件或者组件越小，调试起来越轻松。
下图所示，就是本文想要表达的基本观点。
图2/2
项目的架构
下面，我们将通过一系列明确的流程帮助大家了解项目的结构设计方式：
组件划分
组件越小，就越易于处理。将 UI 拆分成一个个小型组件。代码行（LOC）越少，我们对代码的掌控能力就越强，调试与必要时的更新也就越简单。大家可以尝试通过以下方式增强项目的架构：
将公共组件移动到不同的目录当中。
将每个文件的组件容纳量限定为 2 到 3 个，且确保其中不包含公共代码组件。
推荐阅读
- 明日方舟|明日方舟：早露皮肤的攻击动作设计得很出彩，化身成白熊的指挥员
- 小鱼人|如何在新赛季稳定上分？善于抓失误的小鱼人，值得认真练上一波
- 设计师|魔兽世界：9.1.5刚上线，就要9.2了？来看设计师爆料的更多细节
- 阴阳师|阴阳师SR川猿强度如何 是否值得抽卡 改变斗技环境 大佬的新玩具
- 手机游戏|梦幻西游手游：活力如何换金币 一切都已给出 就看你的选择
- 华佗|三国杀：两位\奶爸\，朱治与华佗比，强度如何呢？
- 亲朋上分|《亲朋上分》266391亲朋下分亲朋上下分永劫无间崔三娘技能介绍 崔三娘如何获得更多技能
- 文明|LOL：设计师的想象力从未下水道，细看符文之地，竟是地球缩影！
- s6|金铲铲之战：S6双城传说如何才能快速上手？基础知识很关键
- |冰雪传奇：平民玩家四转后如何打金