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可以在前端項目中引入,豐富頁面,減少自己寫控件的工作量。

  以上僅僅是為了解決自己混淆,糾結,做了個梳理,實際情況不一定對。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM