工作后接触了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可以在前端项目中引入,丰富页面,减少自己写控件的工作量。
以上仅仅是为了解决自己混淆,纠结,做了个梳理,实际情况不一定对。