为何要进行前端组件设计？

与仅承担数据处理逻辑的后端不同，前端需要负责界面渲染、数据处理、和接口调用，在框架诞生前，更多地是编写页面维度的顺序脚本代码。随着前端继续的持续发展，ES6推出了class语法糖，React提出了函数式组件，Vue则以模版语法的形式组织代码，前端代码逐渐从“平铺”转变到了“层级”结构，从“面向过程”进阶为“面向对象”，前端组件也成为了近几年来的热门议题。

“组件是对数据和方法的简单封装，是软件中具有相对独立功能、接口由契约指定、和语境有明显依赖关系、可独立部署、可组装的软件实体。”这段百科中摘取的组件定义，揭示了组件所需要具备的特性：功能独立、约定一致、可集成、服务于场景。

在软件工程中，软件设计是软件开发流程中的必要阶段，在需求分析后、软件开发前进行。软件复杂度是每一个项目演进的产物，随着需求和代码行数的增加，复杂度将持续提升。软件设计的优劣为对复杂度带来的影响是不同的，优雅、合理的设计使待开发的代码复杂度可控，而拙劣的设计将会给软件带来无序、偶然的复杂度变更。一个优秀的前端组件需要在满足需求的前提下，具备高易用性和良好的可扩展性，这是我们进行前端组件设计的目标。