转载文章
js前端ui框架
此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完整解决方案。
-
Kendo UI
商用收费,组件丰富,界面简洁美观,有jquery和angular两个js的版本 -
Webix
商用收费,组件丰富,界面特别美观 -
JQwidgets
商用收费,丰富的组件,有angular2、react、jquery以及ASP.NET MVC版本 -
Wijmo
商用收费,看着不错,但是官网好像没有比较详细的示例 -
jquery easyui
商用收费, easyui这个框架相信大多数人都知道,组件丰富,接口友好,但是ui不美观,生成的dom结构过于冗余。 -
layui
开源免费,国产框架,小巧,精致,但是table、tree组件的功能性还比较欠缺,希望之后会有改进。
基于react的ui框架
-
ant design
开源免费,来自于蚂蚁金服的企业级应用解决方案,组件丰富,可以满足绝大部分的应用需求。
目前react的企业级ui框架,目前我只发现这一个,其余都只是基础样式库。 -
更多react相关框架可以查看此处
js独立ui组件
- 树/树表 fancytree、zTree
- 列表 fancygrid、 jsgrid、 datatables、jqgrid
- 弹窗 layer 来自于layui的独立组件
- 即时通讯 layim来自于layui的独立组件
-
文件上传 webuploader 来自于百度FEX团队
更多组件可点击这里
js富文本编辑器/代码编辑器
-
Ueditor
百度前端团队开发的富文本编辑器,开源免费,功能丰富 -
CodeMirror
是一个提供代码在线编辑、代码高亮、语法检查的js插件,目前许多在线代码编辑器都是基于此开发的
数据可视化
-
Echarts
百度团队开发,是目前我用过的最好用的图表控件,目前有2.x、3.x的版本。 -
d3.js
做数据可视化的应该没有不知道d3的吧。 -
jsPlumb
一个连线插件,基于它可以完成流程图/UML的绘制,之前用过是免费的,现在好像也收费了。 -
JointJS
jointjs本身开源免费,但是基于它的一套完整框架Rappid收费。jointjs可以绘制丰富的图表、流程图、UML图等。 -
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等。
-
利用flexPaper预览swf文件,百度文库就是这种方式
由于现在flash插件用得已经很少,此处不再赘述,详细请看这里 -
pdfjs
pdfjs是firefox浏览器内置的pdf预览插件,由于是开源的,我们也可以使用它,ie版本只支持ie9/ie9+。
它通过将pdf转换为html元素再添加一些css3的样式达到pdf的预览效果,文档样式与原文档几乎没有太大区别。 -
在页面中嵌入多媒体对象(PDF、flash、video等)
缺点是不同的浏览器支持及呈现不一致,比如pdf目前只有webkit浏览器原生支持嵌入,而且移动端的webkit浏览器也是不支持的。
PDF嵌入可以采用已封住好操作的插件PDFObject,也可以通过浏览器API自行编写。
WEB打印
web打印目前要么使用window.print() 要么使用flash插件,
前者不好控制打印设置