比较实用的前端 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交互、图形、游戏等。