前端面试题--模块化和组件化的含义及区别

1.模块化

是从代码逻辑角度进行划分的，保证每个模块的职能单一；比如登录页的登录功能，就是一个模块，注册功能又算一个模块。

2.组件化

是从UI界面的角度划分的；页面上的每个独立的区域，都可以视为一个组件，前端组件化开发，便于UI组件的复用，减少编码量。

区别

划分角度不同，组件化石UI界面角度，模块化是代码逻辑角度。

• 为什么要使用组件化和模块化？

1.开发和调试效率高：随着功能越来越多，代码结构会越发复杂，要修改某一个小功能，可能要重新翻阅整个项目的代码，把所有相同的地方都修改一遍，重复劳动浪费时间和人力，效率低；使用组件化，每个相同的功能结构都调用同一个组件，只需要修改这个组件，即可全局修改。

2.可维护性强：便于后期代码查找和维护

3.避免阻断：模块化是可以独立运行的，如果一个模块产生了bug，不会影响其他模块的调用。

4.版本管理更容易，如果由多人协作开发，可以避免代码覆盖和冲突。

组件化和模块化一般情况是一起出现的，他们就像好兄弟，虽然可以分离但最好一起有个照应。