常见的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交互、图形、游戏等。

WEB文档在线预览解决方案

web页面无法支持预览office文档，但是却可以预览PDF、flash文档，所以大多数解决方案都是在服务端将office文档转换为pdf，然后再通过js的pdf预览插件（谷歌浏览器等已经原生支持嵌入PDF文档）进行查看。

Aspose 
后台转换可以使用Aspose将office文档转换为PDF格式，Aspose功能强大，支持编辑/转换word、excel、ppt、pdf等，且API操作简便快速。Aspose是收费的，你需要下载破解版本。

除了Aspose可以编辑文档，类似的还有NPOI 、POI等。

1. 利用flexPaper预览swf文件，百度文库就是这种方式 
   由于现在flash插件用得已经很少，此处不再赘述，详细请看这里

2. pdfjs 
   pdfjs是firefox浏览器内置的pdf预览插件，由于是开源的，我们也可以使用它，ie版本只支持ie9/ie9+。 
   它通过将pdf转换为html元素再添加一些css3的样式达到pdf的预览效果，文档样式与原文档几乎没有太大区别。

3. 在页面中嵌入多媒体对象（PDF、flash、video等） 
   缺点是不同的浏览器支持及呈现不一致，比如pdf目前只有webkit浏览器原生支持嵌入，而且移动端的webkit浏览器也是不支持的。 
   PDF嵌入可以采用已封住好操作的插件PDFObject，也可以通过浏览器API自行编写。

WEB打印

web打印目前要么使用window.print() 要么使用flash插件, 
前者不好控制打印设置