收集整理了一些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-cookie

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

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

owl.carousel

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

slick-carousel

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和移动设备上

【收藏】Web前端开发第三方插件大全的更多相关文章

  1. 【分享】Web前端开发第三方插件大全

    收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家. ******************************************************************** ...

  2. Web前端开发Chrome插件

    参考:http://www.cnblogs.com/sosoft/p/3490481.html 越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员 ...

  3. Web前端开发实用的Chrome插件

    Web前端开发实用的Chrome插件 越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录 ...

  4. Chrome谷歌浏览器web前端开发好用插件（自己用）备忘

    Chrome谷歌浏览器web前端开发好用插件(自己用)备忘 一.总结 英语好一点的话要什么工具就直接去Chrome插件里面找非常方便. 二.测试题-简答题 1.Chrome修改页面字符集是什么? 解答 ...

  5. Web前端开发人员实用Chrome插件收集

    越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录 ...

  6. Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十二】

    <Web 前端开发精华文章推荐>2014年第一期(总第二十二期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML ...

  7. 【圣诞特献】Web 前端开发精华文章推荐【系列二十一】

    <Web 前端开发精华文章推荐>2013年第九期(总第二十一期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和  ...

  8. [转] Web前端开发工程师常用技术网站整理

    1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试 ...

  9. Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

    2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...

随机推荐

  1. 原生JS封装animate运动框架

    <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" ...

  2. JavaScript链式调用

    1.什么是链式调用? 这个很容易理解,例如 $('text').setStyle('color', 'red').show(); 一般的函数调用和链式调用的区别:链式调用完方法后,return thi ...

  3. WPF DataGrid自动生成行号

      在使用WPF进行应用程序的开发时,经常会为DataGrid生成行号,这里主要介绍一下生成行号的方法.通常有三种方法,这里主要介绍其中的两种,另一种简单提一下. 1. 直接在LoadingRow事件 ...

  4. css系列教程1-选择器全解

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css系列教程1-选择器全解 css系列教程2-样式操作全解 css选择器全解: css选择器包括:基本选择器.属性选择器.伪类选择器.伪元 ...

  5. Java可变参数以及一个简单应用

    可变参数: Java1.5增加了新特性:可变参数:适用于参数个数不确定,类型确定的情况,java把可变参数当做数组处理. 注意:可变参数必须位于最后一项. 原因:当可变参数个数多余一个时,必将有一个不 ...

  6. JS代码中!!的用法，以及代码性能对比

    一.!!的理解 解释: !!的意思就是把一个任意类型的值转换为布尔类型的值,一个!是取非 再一个!又取非,相当于把这个数据转换为boolen类型了. 使用场景: 常常用在if(a).if(!!a)这样 ...

  7. win10 uwp 绘图 Line 控件使用

    本文主要讲一个在绘图中,我们会有一个基础的控件,Line.控件的基本使用和他能做出的我们很多时候需要的界面. 虽然是一个简单控件,但是可以做出很诡异的很好看的UI. 首先,我们要知道,Line就是画直 ...

  8. win10 uwp 判断文件存在

    本文主要翻译http://stackoverflow.com/questions/37119464/uwp-check-if-file-exists/37152526#37152526 我们有多种方法 ...

  9. Python学习笔记（七）

    Python学习笔记(七): 深浅拷贝 Set-集合 函数 1. 深浅拷贝 1. 浅拷贝-多层嵌套只拷贝第一层 a = [[1,2],3,4] b = a.copy() print(b) # 结果:[ ...

  10. 记一次vscode升级后，格式化Vue出现的问题

    一.VSCode中使用vetur插件格式化vue文件时,stylus代码会自动加上大括号.冒号和分号 本来就是简写比较方便舒服,结果一个格式化回到十年前 解决方案: vscode  文件 ->首 ...