web组件化

什么是组件化：

WEB 中的组件其实就是页面组成的一部分，比如是电脑中的每个元件（如硬盘、键盘、鼠标），它是一个具备独立的逻辑和功能或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用。页面就是由一个个相似这样的部分组成的，好比导航、列表、弹窗、下拉菜单等。页面只不过是这些组件的容器，组件自由组合造成功能完整的界面，当不须要某个组件，或者想要替换某个组件时，能够随时进行替换和删除，而不影响整个应用的运行。

组件的特性：

一、高内聚性，组件功能必须是完整的，如我要实现下拉菜单功能，那在下拉菜单这个组件中，就把下拉菜单所须要的全部功能所有实现；

二、低耦合性，通俗点说，代码独立不会和项目中的其余代码发生冲突！在实际工程中，咱们常常会涉及到团队协做，传统按照业务线去编写代码的方式，就很容易相互冲突，因此运用组件化方式就可大大避免这种冲突的存在。

三、每个组件都有本身清晰的职责，完整的功能，较低的耦合便于单元测试和重复利用；

前端组件化必要性：

多年之前前端开发者们就一直尝试在组件化的道路上不断探索，从一开始的 YUI、ExtJS 到如今的 Angular Directives、React Components、Vue.js Components、Bootstrap 等，前端的组件化道路历来没有中止过……

组件化的好处：

为何你们会这种热衷组件化，看下组件化给咱们带来的好处，其必要性就不言而喻：

• 提升的开发效率
• 方便重复使用
• 简化调试步骤
• 提高整个项目的可维护性
• 便于协同开发