最好用的js前端框架、組件、文檔在線預覽插件

這裏收集的都是我的認爲比較好的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交互、圖形、遊戲等。

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插件, 
前者很差控制打印設置 
詳細請看這裏