比較實用的前端js框架匯總

 

這里收集的都是個人認為比較好的js框架、組件

js前端ui框架

此處列舉出個人認為最好的幾個框架（排序即排名），現在好點的框架商用都需要付費，以下幾個也不例外，但是由於組件豐富，都可以作為企業應用的完整解決方案。

1. Kendo UI 
   商用收費，組件豐富，界面簡潔美觀，有jQuery和angular兩個js的版本

2. Webix 
   商用收費，組件豐富，界面特別美觀

3. JQwidgets 
   商用收費，豐富的組件，有angular2、React、jquery以及ASP.NET MVC版本

4. Wijmo 
   商用收費，看着不錯，但是官網好像沒有比較詳細的示例

5. jquery easyui 
   商用收費， easyui這個框架相信大多數人都知道，組件豐富，接口友好，但是ui不美觀，生成的dom結構過於冗余。

6. layui 
   開源免費，國產框架，小巧，精致，但是table、tree組件的功能性還比較欠缺，希望之后會有改進。

基於react的ui框架

1. ant design 
   開源免費，來自於螞蟻金服的企業級應用解決方案，組件豐富，可以滿足絕大部分的應用需求。 
   目前react的企業級ui框架，目前我只發現這一個，其余都只是基礎樣式庫。

2. Material UI

3. React Toolbox

   更多react相關框架可以查看此處

js獨立ui組件

1. 樹/樹表 fancytree、zTree
2. 列表 fancygrid、 jsgrid、 datatables、jqgrid
3. 彈窗 layer 來自於layui的獨立組件
4. 即時通訊 layim來自於layui的獨立組件

5. 文件上傳 webuploader 來自於百度FEX團隊

   更多組件可點擊這里

js富文本編輯器/代碼編輯器

1. Ueditor 
   百度前端團隊開發的富文本編輯器，開源免費，功能豐富

2. markitup

3. TinyMCE

4. CodeMirror 
   是一個提供代碼在線編輯、代碼高亮、語法檢查的js插件，目前許多在線代碼編輯器都是基於此開發的

數據可視化

1. Echarts 
   百度團隊開發，是目前我用過的最好用的圖表控件，目前有2.x、3.x的版本。

2. d3.js 
   做數據可視化的應該沒有不知道d3的吧。

3. jsPlumb 
   一個連線插件，基於它可以完成流程圖/UML的繪制，之前用過是免費的，現在好像也收費了。

4. JointJS 
   jointjs本身開源免費，但是基於它的一套完整框架Rappid收費。jointjs可以繪制豐富的圖表、流程圖、UML圖等。

5. three.js 
   一個3d圖形庫，基於它可以開發出各種3d交互、圖形、游戲等。

 

 

這里收集的都是個人認為比較好的js框架、組件

js前端ui框架

此處列舉出個人認為最好的幾個框架（排序即排名），現在好點的框架商用都需要付費，以下幾個也不例外，但是由於組件豐富，都可以作為企業應用的完整解決方案。

1. Kendo UI 
   商用收費，組件豐富，界面簡潔美觀，有jQuery和angular兩個js的版本

2. Webix 
   商用收費，組件豐富，界面特別美觀

3. JQwidgets 
   商用收費，豐富的組件，有angular2、React、jquery以及ASP.NET MVC版本

4. Wijmo 
   商用收費，看着不錯，但是官網好像沒有比較詳細的示例

5. jquery easyui 
   商用收費， easyui這個框架相信大多數人都知道，組件豐富，接口友好，但是ui不美觀，生成的dom結構過於冗余。

6. layui 
   開源免費，國產框架，小巧，精致，但是table、tree組件的功能性還比較欠缺，希望之后會有改進。

基於react的ui框架

1. ant design 
   開源免費，來自於螞蟻金服的企業級應用解決方案，組件豐富，可以滿足絕大部分的應用需求。 
   目前react的企業級ui框架，目前我只發現這一個，其余都只是基礎樣式庫。

2. Material UI

3. React Toolbox

   更多react相關框架可以查看此處

js獨立ui組件

1. 樹/樹表 fancytree、zTree
2. 列表 fancygrid、 jsgrid、 datatables、jqgrid
3. 彈窗 layer 來自於layui的獨立組件
4. 即時通訊 layim來自於layui的獨立組件

5. 文件上傳 webuploader 來自於百度FEX團隊

   更多組件可點擊這里

js富文本編輯器/代碼編輯器

1. Ueditor 
   百度前端團隊開發的富文本編輯器，開源免費，功能豐富

2. markitup

3. TinyMCE

4. CodeMirror 
   是一個提供代碼在線編輯、代碼高亮、語法檢查的js插件，目前許多在線代碼編輯器都是基於此開發的

數據可視化

1. Echarts 
   百度團隊開發，是目前我用過的最好用的圖表控件，目前有2.x、3.x的版本。

2. d3.js 
   做數據可視化的應該沒有不知道d3的吧。

3. jsPlumb 
   一個連線插件，基於它可以完成流程圖/UML的繪制，之前用過是免費的，現在好像也收費了。

4. JointJS 
   jointjs本身開源免費，但是基於它的一套完整框架Rappid收費。jointjs可以繪制豐富的圖表、流程圖、UML圖等。

5. three.js 
   一個3d圖形庫，基於它可以開發出各種3d交互、圖形、游戲等。