1. 程式人生 > >【分享】Web前端開發第三方插件大全

【分享】Web前端開發第三方插件大全

slim 語法 top 配件 svg 上下文菜單 meta 時序圖 nio

收集整理了一些Web前端開發比較成熟的第三方插件,分享給大家。

*******************************************************************************

一、國外插件

ace

  • 版本:1.2.3au
  • 官網:https://github.com/ajaxorg/ace-builds/
  • 許可:BSD
  • 依賴:無
  • DataAPI:data-pulgin="ace"
  • 功能:基於Web的代碼編輯器,實現語法高亮功能

alertify.js

  • 版本:1.0.10
  • 文檔:http://bsify.admui.com/alertify/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="alertify"
  • 功能:非侵入式,可定制的通知組件。包括可定制的對話框,和右下角消息彈出框。完全可定制的警告,確認和提示對話框、完全自定義的通知系統、回調參數處理包括“確定“和”取消“按鈕的點擊、允許對話框排隊

animsition

  • 版本:4.0.1
  • 官網:http://blivesta.github.io/animsition/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="animate-list"
  • 功能:為頁面切換增加 CSS 動畫效果,提供多種不同的動畫風格

blueimp-canvas-to-blob

  • 版本:3.3.0
  • 官網:https://github.com/blueimp/JavaScript-Canvas-to-Blob/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:在HTML元素中創建Blob

blueimp-file-upload

  • 版本:9.12.3
  • 官網:https://github.com/blueimp/jQuery-File-Upload/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:支持多文件上傳、取消、刪除,上傳前縮略圖預覽、列表顯示圖片大小,支持上傳進度條顯示;支持各種動態語言開發的服務器端

blueimp-load-image

  • 版本:2.6.1
  • 官網:https://github.com/blueimp/JavaScript-Load-Image/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:加載和改變圖像文件

blueimp-tmpl

  • 版本:3.4.0
  • 官網:https://github.com/blueimp/JavaScript-Templates/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:JS模板

bootbox.js

  • 版本:4.4.0
  • 官網:https://github.com/makeusabrew/bootbox/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="bootbox"
  • 功能:用來創建簡單的可編程對話框,基於Bootstrap開發

bootstrap

  • 版本:3.3.6
  • 官網:http://getbootstrap.com
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:Twitter推出的一個開源的用於前端開發的工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範,它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目

bootstrap-contextmenu

  • 版本:0.3.4
  • 官網:http://sydcanem.com/bootstrap-contextmenu/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:無
  • 功能:右鍵上下文菜單

jquery-colorpicker

  • 版本:2.5.1
  • 官網:https://github.com/itsjavi/bootstrap-colorpicker
  • 許可:Apache-2.0
  • 依賴:jquery
  • DataAPI:data-pulgin="colorpicker"
  • 功能:拾色器

bootstrap-datepicker

  • 版本:1.6.0
  • 官網:https://github.com/uxsolutions/bootstrap-datepicker/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="datepicker"
  • 功能:Bootstrap風格日期選擇控件。它包括很多選項,方法和事件。並提供國際化支持

bootstrap-daterangepicker

  • 版本:2.1.24
  • 官網:https://github.com/dangrossman/bootstrap-daterangepicker/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:無
  • 功能:Bootstrap風格日期範圍選擇控件。

bootstrap-hover-dropdown

  • 版本:2.2.1
  • 官網:https://github.com/CWSpear/bootstrap-hover-dropdown/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:無
  • 功能:打開Bootstrap下拉菜單

bootstrap-markdown

  • 版本:2.10.0
  • 官網:https://github.com/toopay/bootstrap-markdown/
  • 許可:Apache-2.0
  • 依賴:Bootstrap
  • DataAPI:無
  • 功能:簡單的Markdown編輯器

bootstrap-maxlength

  • 版本:1.7.0
  • 官網:https://github.com/mimo84/bootstrap-maxlength/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="maxlength"
  • 功能:最大輸入字符限制

bootstrap-select

  • 版本:穩定版
  • 官網:http://silviomoreto.github.io/bootstrap-select/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="selectpicker"
  • 功能:使用Bootstrap風格美化select

bootstrap-slider

  • 版本:9.7.2
  • 官網:https://github.com/seiyria/bootstrap-slider/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="slider"
  • 功能:滑塊插件

bootstrap-sweetalert

  • 版本:0.4.2
  • 官網:http://lipis.github.io/bootstrap-sweetalert/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="sweetalert"
  • 功能:Bootstrap風格的SweetAlert插件。

bootstrap-tagsinput

  • 版本:0.12.1
  • 官網:https://github.com/fis-components/bootstrap-tagsinput/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="tagsinput"
  • 功能:在輸入框中的輸入標簽

bootstrap-tokenfield

  • 版本:穩定版
  • 官網:https://github.com/sliptree/bootstrap-tokenfield
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="tokenfield"
  • 功能:Bootstrap標簽輸入

bootstrap-touchspin

  • 版本:3.1.1
  • 官網:http://www.virtuosoft.eu/code/bootstrap-touchspin/
  • 許可:Apache-2.0
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="TouchSpin"
  • 功能:Spinner插件,對移動端和觸摸屏友好

bootstrap-treeview

  • 版本:1.2.0
  • 官網:https://github.com/jonmiles/bootstrap-treeview/
  • 許可:Apache
  • 依賴:Bootstrap
  • DataAPI:無
  • 功能:顯示樹狀結構

breakpoints.js

  • 版本:0.4.2
  • 官網:https://github.com/amazingSurge/breakpoints.js/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:無
  • 功能:用於響應式布局設置斷點

c3

  • 版本:穩定版
  • 官網:http://c3js.org/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:開源圖表庫,使用非常舒服、充分可定制性和控制性。支持多種圖表類型

card

  • 版本:1.2.2
  • 官網:https://github.com/jessepollak/card/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="card"
  • 功能:信用卡信息輸入

chart.js

  • 版本:1.0.2
  • 官網:http://www.chartjs.org/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:使用 HTML5 Canvas 元素的Javascript圖表庫,支持6種統計圖表

chartist

  • 版本:穩定版
  • 官網:https://gionkunz.github.io/chartist-js/
  • 許可:WTFPL
  • 依賴:無
  • DataAPI:無
  • 功能:簡單的響應式圖表

chartist-plugin-tooltip

  • 版本:0.0.12
  • 官網:https://github.com/Globegitter/chartist-plugin-tooltip/
  • 許可:MIT
  • 依賴:Chartist
  • DataAPI:無
  • 功能:Chartist Tooltip

clockpicker

  • 版本:0.0.7
  • 官網:http://weareoutman.github.io/clockpicker/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="clockpicker"
  • 功能:時鐘風格的時間選擇器

codemirror

  • 版本:穩定版
  • 官網:http://codemirror.net/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:在線代碼編輯器

cropper

  • 版本:2.3.0
  • 官網:https://github.com/fengyuanchen/cropper/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:圖像裁剪插件,提供預覽功能和一些選項

d3

  • 版本:3.5.16
  • 官網:http://d3js.org/
  • 許可:BSD-3-Clause
  • 依賴:無
  • DataAPI:無
  • 功能:最流行的可視化庫之一,它允許綁定任意數據到DOM,然後將數據驅動轉換應用到Document中。您可以使用它用一個數組創建基本的HTML表格,或是利用它的流體過度和交互,用相似的數據創建驚人的SVG條形圖

datatables

  • 版本:1.10.12
  • 官網:http://datatables.net/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="dataTable"
  • 功能:表格插件。這是一個高度靈活的工具,依據的基礎逐步增強,這將增加先進的互動控制,支持任何HTML表格

datatables-bootstrap

  • 版本:穩定版
  • 官網:https://github.com/DataTables/Plugins/
  • 許可:MIT
  • 依賴:Datatables,Bootstrap
  • DataAPI:無
  • 功能:Datatables Bootstrap 插件

datatables-buttons

  • 版本:1.2.4
  • 官網:http://datatables.net/
  • 許可:MIT
  • 依賴:Datatables,Bootstrap
  • DataAPI:無
  • 功能:Datatables Bootstrap

datatables-fixedheader

  • 版本:穩定版
  • 官網:https://github.com/DataTables/Responsive/
  • 許可:MIT
  • 依賴:Datatables
  • DataAPI:無
  • 功能:Datatables固定表頭

datatables-responsive

  • 版本:穩定版
  • 官網:https://github.com/DataTables/Responsive/
  • 許可:MIT
  • 依賴:Datatables
  • DataAPI:無
  • 功能:Datatables響應式設計

datepair.js

  • 版本:0.4.14
  • 官網:http://jonthornton.github.com/Datepair.js/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="datepair"
  • 功能:日期時間選擇

draggabilly

  • 版本:穩定版
  • 官網:http://draggabilly.desandro.com/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:實現網頁上各種元素的拖放操作,支持IE8+和多點觸控

dropify

  • 版本:0.2.0
  • 官網:http://jeremyfagis.github.io/dropify/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="dropify"
  • 功能:自定義HTML輸入文件風格

flag-icon-css

  • 版本:0.7.1
  • 官網:http://lipis.github.io/flag-icon-css/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:svg國旗集合

Flot

  • 版本:0.8.3
  • 官網:http://www.flotcharts.org/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:圖表繪制

Fontawesome-iconpicker

  • 版本:1.2.0
  • 官網:https://github.com/mjolnic/fontawesome-iconpicker/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="iconpicker"
  • 功能:字體圖標選擇器

formatter.js

  • 版本:0.1.5
  • 官網:https://github.com/firstopinion/formatter.js/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="formatter"
  • 功能:輸入框文本格式化

formvalidation

  • 版本:0.6.2-dev
  • 官網:http://formvalidation.io/
  • 許可:commercial license
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="formValidation"
  • 功能:表單驗證

fullcalendar

  • 版本:2.6.1
  • 官網:http://fullcalendar.io/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:制作日程表或計劃安排等,可擴展Google日歷功能,制作個性化的日程表,同時可綁定點擊事件或拖動事件

gauge.js

  • 版本:1.2.1
  • 官網:http://bernii.github.io/gauge.js/
  • 許可:commercial license
  • 依賴:無
  • DataAPI:data-pulgin="gauge"
  • 功能:儀表盤

gridstack

  • 版本:0.2.5
  • 官網:http://troolee.github.io/gridstack.js/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="gridstack"
  • 功能:部件布局

highlight.js

  • 版本:穩定版
  • 官網:https://github.com/isagalaev/highlight.js/
  • 許可:BSD
  • 依賴:無
  • DataAPI:data-pulgin="highlight"
  • 功能:高亮顯示各種示例源代碼語法

html5shiv

  • 版本:3.7.3
  • 官網:https://github.com/aFarkas/html5shiv/
  • 許可:MIT/GPL2
  • 依賴:無
  • DataAPI:無
  • 功能:讓IE9以下的瀏覽器能識別HTML5元素

html.sortable

  • 版本:0.3.1
  • 官網:https://github.com/voidberg/html5sortable/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="sortable"
  • 功能:元素拖拽排序

iCheck

  • 版本:1.0.2
  • 官網:http://fronteed.com/iCheck/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="iCheck"
  • 功能:提供風格一致checkbox,radio外觀,回調和方法可以用來方便地處理修改和自定義輸入

intro.js

  • 版本:穩定版
  • 官網:http://usablica.github.com/intro.js/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:非常好用的網站新特性介紹和詳細用戶向導框架

isotope

  • 版本:2.2.2
  • 官網:http://isotope.metafizzy.co/
  • 許可:Commercial license
  • 依賴:jQuery
  • DataAPI:data-pulgin="isotope"
  • 功能:創建動態和智能布局,隱藏和顯示與過濾項目,重新排序和整理甚至更多。同時Isotope還有許多很酷的動畫

jquery

  • 版本:2.1.4
  • 官網:http://jquery.com/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:jQuery是一個優秀的Javascrīpt框架。

jquery-appear

  • 版本:0.3.6
  • 官網:https://github.com/morr/jquery.appear/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="appear"
  • 功能:在瀏覽器窗口中跟蹤元素外觀
  • 版本:1.4.1
  • 官網:https://github.com/carhartl/jquery-cookie
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:jQuery cookie插件

jquery-asHoverScroll

  • 版本:0.2.3
  • 官網:https://github.com/amazingSurge/jquery-asHoverScroll/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:無
  • 功能:鼠標移入容器元素時滾動

jquery-asScroll

  • 版本:0.1.1
  • 官網:https://github.com/amazingSurge/jquery-asScroll/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:無
  • 功能:滾動條美化

jquery-asScrollable

  • 版本:0.3.1
  • 官網:https://github.com/amazingSurge/jquery-asScrollable/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="scrollable"
  • 功能:塊級元素滾動

jquery-pjax

  • 版本:0.4.2
  • 文檔:http://bsify.admui.com/jquery-pjax/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:無
  • 功能:Pjax插件

jquery-selective

  • 版本:0.1.0
  • 官網:https://github.com/amazingSurge/jquery-selective/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="selective"
  • 功能:用來標記,選擇等

jquery-strength

  • 版本:0.1.1
  • 官網:https://github.com/amazingSurge/jquery-strength/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="strength"
  • 功能:密碼強度驗證

jquery-treegrid

  • 版本:0.3.0
  • 官網:https://github.com/maxazan/jquery-treegrid/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="treegrid"
  • 功能:密碼強度驗證

jquery-wizard.js

  • 版本:0.3.1
  • 官網:https://github.com/amazingSurge/jquery-wizard/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="wizard"
  • 功能:向導插件

jstree

  • 版本:3.3.3
  • 官網:https://www.jstree.com/
  • 許可:MIT
  • 依賴:jQuerys
  • DataAPI:data-pulgin="jstree"
  • 功能:jQuery 樹形控件

jszip

  • 版本:3.1.3
  • 官網:http://stuartk.com/jszip
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:直接在瀏覽器上創建 zip 壓縮文檔

jquery-slidePanel

  • 版本:0.2.2
  • 官網:https://github.com/amazingSurge/jquery-slidePanel/
  • 許可:GPL
  • 依賴:jQuerys
  • DataAPI:data-pulgin="slidePanel"
  • 功能:側邊欄

jquery-Knob

  • 版本:穩定版
  • 官網:https://github.com/aterrien/jQuery-Knob/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="knob"
  • 功能:旋鈕插件

jquery-labelauty

  • 版本:1.1.0
  • 官網:https://github.com/fntneves/jquery-labelauty/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="labelauty"
  • 功能:美化多選框和單選按鈕,允許為每個選項輸入狀態定制標簽

jquery-ui

  • 版本:1.11.4
  • 官網:http://jqueryui.com/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:一套jQuery的頁面UI插件,包含很多種常用的頁面控件

jquery-wizard

  • 版本:0.3.1
  • 官網:https://github.com/amazingSurge/jquery-wizard/
  • 許可:GPL
  • 依賴:jQuery
  • DataAPI:無
  • 功能:jQuery 向導插件

jt.timepicker

  • 版本:1.8.11
  • 官網:http://jonthornton.github.com/jquery-timepicker/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="timepicker"
  • 功能:時間選擇器

ladda-bootstrap

  • 版本:0.1.0
  • 官網:http://msurguy.github.io/ladda-bootstrap/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="ladda"
  • 功能:Ladda UI

layout-grid

  • 版本:0.1.0
  • 官網:http://clippings.github.io/layout-grid/
  • 許可:BSD-3-Clause
  • 依賴:無
  • DataAPI:無
  • 功能:響應式柵格系統,當瀏覽器窗口發生變化時會重新排列

lodash

  • 版本:4.11.1
  • 官網:https://lodash.com/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:提供一致性,模塊化,性能和配件等功能

magnific-popup

  • 版本:1.1.0
  • 官網:http://dimsemenov.com/plugins/magnific-popup/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="magnificPopup"
  • 功能:響應式彈出層和對話框組件,專註於性能,為用戶在各種平臺下提供良好的體驗

marked

  • 版本:0.3.4
  • 官網:https://github.com/chjj/marked/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:全功能Markdown解析和編譯器

masonry

  • 版本:3.3.2
  • 官網:http://masonry.desandro.com/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="masonry"
  • 功能:瀑布流布局

media-match

  • 版本:0.1.0
  • 官網:https://github.com/weblinc/media-match/
  • 許可:MIT
  • DataAPI:無
  • 功能:通過JS測試CSS3媒體查詢

matchHeight

  • 版本:0.7.0
  • 官網:https://github.com/liabru/jquery-match-height/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="matchHeight"
  • 功能:響應式等高。它能根據選中的元素等高顯示

modernizr

  • 版本:3.3.1
  • 官網:http://modernizr.com/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:利用JS來檢測瀏覽器對CSS支持情況

moment

  • 版本:穩定版
  • 官網:http://momentjs.com/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:日期處理類庫,提供了日期格式化、日期解析等功能。它支持在瀏覽器和NodeJS兩種環境中運行。此類庫能夠將給定的任意日期轉換成多種不同的格式,具有強大的日期計算功能,同時也內置了能顯示多樣的日期形式的函數。另外,它也支持多種語言

morris.js

  • 版本:0.5.1
  • 官網:http://morrisjs.github.com/morris.js/
  • 許可:BSD-2-Clause
  • 依賴:jQuery
  • DataAPI:無
  • 功能:生成各種時序圖

multiselect

  • 版本:0.9.12
  • 官網:http://loudev.com/

  • 許可:WTFPL

  • DataAPI:data-pulgin="multiSelect"
  • 功能:Select對象列表,支持查詢列表內容,支持排序,全選和反選

nestable2

  • 版本:穩定版
  • 官網:https://github.com/RamonSmit/Nestable/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="nestable"
  • 功能:可拖拽樹狀結構

nprogress

  • 版本:0.2.0
  • 官網:http://ricostacruz.com/nprogress/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="nprogress"
  • 功能:實現全站進度條
  • 版本:2.0.0-beta.3
  • 官網:https://github.com/smashingboxes/OwlCarousel2/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="owlCarousel"
  • 功能:響應式幻燈片插件

peity

  • 版本:3.2.0
  • 官網:https://github.com/benpickles/peity/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="peityBar"
  • 功能:轉換一些元素內容到簡單的畫布對象,如餅圖、線圖和柱狀圖

plyr

  • 版本:1.5.21
  • 官網:http://plyr.io/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="plyr"
  • 功能:使用HTML5開發的基於瀏覽器上的多媒體播放器

raphael

  • 版本:2.1.4
  • 官網:https://github.com/DmitryBaranovskiy/raphael/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:強大的矢量圖形庫

raty

  • 版本:2.7.0
  • 官網:https://github.com/wbotelhos/raty/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="rating"
  • 功能:星級評分

respond

  • 版本:1.4.2
  • 官網:https://github.com/scottjehl/Respond/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:快速、輕量的polyfill,用於為IE6-8以及其它不支持 CSS3 Media Queries 的瀏覽器提供媒體查詢的 min-width 和 max-width 特性,實現響應式網頁設計

rickshaw

  • 版本:1.6.0-rc.0
  • 官網:https://github.com/shutterstock/rickshaw/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:繪制時序圖

screenfull

  • 版本:3.0.0
  • 官網:https://github.com/sindresorhus/screenfull.js/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:簡單的跨平臺的全屏API封裝。它使不同瀏覽器的全屏實現變得很平滑。而且可以讓任何元素全屏

select2

  • 版本:4.0.2
  • 官網:https://select2.github.io/
  • 許可:MIT
  • 依賴:無
  • DataAPI:data-pulgin="select2"
  • 功能:Select美化。支持搜索,遠程數據集,以及無限滾動的結果

skycons

  • 版本:穩定版
  • 官網:http://darkskyapp.github.io/skycons/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:天氣動畫圖標
  • 版本:1.5.9
  • 官網:http://kenwheeler.github.io/slick/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:響應式可左右拖動的幻燈片插件

jquery.sparkline

  • 版本:2.1.2
  • 官網:http://omnipotent.net/jquery.sparkline/
  • 許可:BSD-3-Clause
  • 依賴:jQuery
  • DataAPI:無
  • 功能:生成靜態或動態波譜圖表

summernote

  • 版本:0.6.3
  • 官網:http://summernote.org/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="summernote"
  • 功能:生簡單靈活的所見即所得的HTML在線編輯器

slimScroll

  • 版本:1.3.8
  • 官網:https://github.com/rochal/jQuery-slimScroll/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="slimScroll"
  • 功能:滾動條美化插件

switchery

  • 版本:0.8.1
  • 官網:http://abpetkov.github.io/switchery/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="switchery"
  • 功能:ios7 風格的復選框按鈕

timecircles

  • 版本:1.5.3
  • 官網:http://git.wimbarelds.nl/TimeCircles/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:時間類插件,它能夠制作出一個漂亮環的形時間,可用於計時或倒計時

to-markdown

  • 版本:3.0.0
  • 官網:https://github.com/domchristie/to-markdown/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:將HTML文檔轉成Markdown格式

toastr

  • 版本:2.1.2
  • 官網:http://www.toastrjs.com/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="toastr"
  • 功能:類似Android的Toast提示

toolbar

  • 版本:1.1.0
  • 官網:https://github.com/paulkinzett/toolbar/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="toolbar"
  • 功能:Tooltip的工具欄

typeahead.js

  • 版本:0.11.1
  • 官網:http://twitter.github.com/typeahead.js/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:無
  • 功能:自動補全

twbs-pagination

  • 版本:1.4.1
  • 官網:https://github.com/esimakin/twbs-pagination/
  • 許可:Apache-2.0
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="twbsPagination"
  • 功能:Bootstrap分頁插件

webui-popover

  • 版本:1.2.7
  • 官網:https://github.com/sandywalker/webui-popover/
  • 許可:MIT
  • 依賴:jQuery
  • DataAPI:data-pulgin="webuiPopover"
  • 功能:彈出框插件

x-editable

  • 版本:1.5.1
  • 官網:http://github.com/vitalets/x-editable/
  • 許可:MIT
  • 依賴:Bootstrap
  • DataAPI:data-pulgin="editableTable"
  • 功能:表格編輯插件

*******************************************************************************

二、國產插件

artTemplate

  • 版本:3.0.3
  • 官網:http://aui.github.com/artTemplate/
  • 許可:BSD
  • 依賴:jQuery
  • DataAPI:無
  • 功能:新一代javascript模板引擎

eCharts

  • 版本:3.2.4
  • 官網:http://echarts.baidu.com/
  • 許可:MIT
  • 依賴:無
  • DataAPI:無
  • 功能:ECharts,一個純Javascript的圖表庫,可以流暢的運行在PC和移動設備上

【分享】Web前端開發第三方插件大全