React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element理解

工作后接触了React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element，项目中使用过的只有Vue、Bootstrap、EasyUI 、Element，当时都认为是不同的前端框架。其实还是有区别的。

一、不同前端框架的比较

框架是一个可复用的设计构件，它规定了应用的体系结构，阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程，表现为一组抽象类以及其实例之间协作的方法，框架的关键还在于框架内对象间的交互模式和控制流模式。应用框架强调的是软件的设计重用性和系统的可扩充性,以缩短大型应用软件系统的开发周期，提高开发质量。简单说就是使用别人搭好的舞台，你来做表演。

所以从框架意义上来说，React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element都属于框架，但是他们的侧重点不同，React、Vue、AngularJS不仅仅提供全套UI组件还有 一些数据驱动功能；而Bootstrap、EasyUI 提供一些基本的ui控件封装，只是布局，属于UI层面。AntDesign、Element是针对于React、Vue、AngularJS等开发的组件库。　　

根据以上理解，为了便于以后区分那么多的前端技术，我将React、Vue、AngularJS、Bootstrap、EasyUI 、AntDesign、Element做以下分类：

1、前端框架：React、Vue、AngularJS，重点在代码结构，数据控制方面

2、UI框架：Bootstrap、EasyUI，重点在布局和排版方面

3、组件库：AntDesign、Element可以在前端项目中引入，丰富页面，减少自己写控件的工作量。

以上仅仅是为了解决自己混淆，纠结，做了个梳理，实际情况不一定对。