最好用的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交互、图形、游戏等。

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插件,
前者不好控制打印设置
详细请看这里

你可能感兴趣的:(JavaScript)