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

来源:http://www.cnblogs.com/kingboy2008/archive/2017/11/09/7808284.html
-Advertisement-
Play Games

收集整理了一些Web前端開發比較成熟的第三方插件,分享給大家。 ******************************************************************************* 一、國外插件 ace 版本:1.2.3au 官網:https://githu ...


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

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

一、國外插件

ace

alertify.js

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

animsition

blueimp-canvas-to-blob

blueimp-file-upload

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

blueimp-load-image

blueimp-tmpl

bootbox.js

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

jquery-colorpicker

bootstrap-datepicker

bootstrap-daterangepicker

bootstrap-hover-dropdown

bootstrap-markdown

bootstrap-maxlength

bootstrap-select

bootstrap-slider

bootstrap-sweetalert

bootstrap-tagsinput

bootstrap-tokenfield

bootstrap-touchspin

bootstrap-treeview

breakpoints.js

c3

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

card

chart.js

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

chartist

chartist-plugin-tooltip

clockpicker

codemirror

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

cropper

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

datatables-buttons

datatables-fixedheader

datatables-responsive

datepair.js

draggabilly

dropify

flag-icon-css

Flot

Fontawesome-iconpicker

formatter.js

formvalidation

fullcalendar

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

gauge.js

gridstack

highlight.js

html5shiv

html.sortable

iCheck

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

intro.js

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

jquery-asHoverScroll

jquery-asScroll

jquery-asScrollable

jquery-pjax

jquery-selective

jquery-strength

jquery-treegrid

jquery-wizard.js

jstree

jszip

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

jquery-slidePanel

jquery-Knob

jquery-labelauty

jquery-ui

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

jquery-wizard

jt.timepicker

ladda-bootstrap

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

marked

masonry

media-match

matchHeight

modernizr

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

moment

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

morris.js

multiselect

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

  • 許可:WTFPL

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

nestable2

nprogress

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

raty

respond

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

rickshaw

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

jquery.sparkline

summernote

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

slimScroll

switchery

timecircles

to-markdown

toastr

toolbar

typeahead.js

twbs-pagination

webui-popover

x-editable

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

二、國產插件

artTemplate

eCharts

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

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1,編碼 預設情況下,Python 3 源碼文件以 UTF-8 編碼,所有字元串都是 unicode 字元串。 當然你也可以為源碼文件指定不同的編碼: 2,標識符 第一個字元必須是字母表中字母或下劃線'_'。 標識符的其他的部分有字母、數字和下劃線組成。 標識符對大小寫敏感。 不能用保留字 標識符定 ...
  • 背景 在 Android 開發中,我們都很熟悉 Activity 的 Lifecycle,並且會在特定的 Lifecycle 下執行特定的操作。當然,我們清楚 Lifecycle 本身是帶有 Android 特質的,那嘗試設想下,如果 普通的 Java Class 也能自動感知 Lifecycle ...
  • 因為Python是跨平臺的,它可以運行在Windows、Mac和各種Linux/Unix系統上。在Windows上寫Python程式,放到Linux上也是能夠運行的。 要開始學習Python編程,首先就得把Python安裝到你的電腦里。安裝後,你會得到Python解釋器(就是負責運行Python程式 ...
  • 讀寫用戶輸入,屏幕不回顯 char *getpass( const char *prompt); getpass用於從鍵盤讀取用戶輸入,但屏幕不回顯。 參數prompt為屏幕提示字元。 函數返回值為用戶鍵盤輸入的字元串。 屏幕不回顯指的是,用戶輸入的內容,不會顯示任何提示信息,就是在Linux中切換 ...
  • 元組 元組:特點就是內容不可變,算只讀的列表,可以被查詢,不能被修改 運行結果: 字典 字典:內部數據列印時是無序的,鍵值是哈希的,有唯一性 字元串 只列舉幾個簡單的應用 PS: 前期的數據類型只是基礎,掌握了常用的那幾個內置函數,基礎的語法就可以,在學習函數,對象一些高級話題時,可以繼續鞏固,所以 ...
  • A Simple Task CodeForces - 11D 題意:輸出一個無向圖的簡單環數量。簡單環指無重覆邊的環。保證圖無重邊自環。 ans[i][j]表示"包含i中的點,以i中第一個點為起點,以j為終點"的路徑條數。 對於某個i,枚舉當前終點j(顯然不能是首個點),產生一個狀態。再枚舉上一次終 ...
  • 從事近十年的 JavaEE 應用開發工作,現任阿裡巴巴公司系統架構師。對分散式服務架構與大數據技術有深入研究,具有豐富的 B/S 架構開發經驗與項目實戰經驗,擅長敏捷開發模式。國內開源軟體推動者之一,Smart Framework 開源框架創始人。熱愛技術交流,樂於分享自己的工作經驗。著有《架構探險 ...
  • 解決方案 就是可以在image那裡設置vertical-align:top/bottom/text-top/text-bottom 原因:圖片文字等inline元素默許是跟父級元素的baseline對齊,而baseline又和父級底邊有必定間距 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...