比較實用的前端 js框架 ,組件 彙總

一.js 前端ui框架

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

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

3. JQwidgets 
   商用收費，豐富的組件，有angular二、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交互、圖形、遊戲等。