收集整理了一些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前端开发推荐阅读书籍、学习课程下载

    转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学 ...

  4. 4. web前端开发分享-css,js工具篇

    web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io, ...

  5. web前端开发分享-css,js工具篇

    web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io, ...

  6. 独家分享——大牛教你如何学习Web前端开发

    2014-12-18 14:35:42     引语 自从2008年接触网站开发以来到现在已经有六个年头了,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上 ...

  7. web前端开发分享-目录

    1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端 ...

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

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

  9. 【转】 web前端开发分享-目录

    http://www.cnblogs.com/jikey/p/3613082.html 1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发 ...

随机推荐

  1. linux下 玩转ptrace

    译者序:在开发Hust Online Judge的过程中,查阅了不少资料,关于调试器技术的资料在网上是很少,即便是UNIX编程巨著<UNIX环境高级编程>中,相关内容也不多,直到我在 ht ...

  2. Django——photo

    要点: models 图片类型文件要使用models.ImageField(upload='文件夹名') 普通文件使用FileField 时间类型使用DatetimeField(auto_now_ad ...

  3. EasyAR 开发实例---AR礼物（简单demo）

    一个节日礼物效果 --显示模型 在本次的案例中,我使用的是unity5.6.3版本,EasyAR 为2.0.(用1.0的版本,在渲染那块有问题) [导入SDK]到EasyAR官网(http://www ...

  4. Java基础知识总结--String、StringBuffer、StringBuilder

    1.Java String 类 String类是final类,也即意味着String类不能被继承,并且它的成员方法都默认为final方法.在Java中,被final修饰的类是不允许被继承的,并且该类中 ...

  5. 浅析js中2个等号与3个等号的区别(转)

    首先,== equality 等同,=== identity 恒等. ==, 两边值类型不同的时候,要先进行类型转换,再比较. ===,不做类型转换,类型不同的一定不等. 下面分别说明: 先说 === ...

  6. django的templatetags

    创建tag方式,首先在需要使用tag的app下创建一个templatetags的python包, 然后在包里创建一个tag模块,例如hellotag.py from django import tem ...

  7. Kubernetes基础：Service

    本文的试验环境为CentOS 7.3,Kubernetes集群为1.11.2,安装步骤参见kubeadm安装kubernetes V1.11.1 集群 Service 介绍 我们通过Pod.Deplo ...

  8. google map 路线服务

    入门指南 使用 Google Maps JavaScript API 中的路线服务之前,首先要确保在为 Google Maps JavaScript API 设置的同一项目的 Google API C ...

  9. Net Core 的配置模式以及热重载配置

    https://www.cnblogs.com/Leo_wl/p/8527535.html https://blog.csdn.net/ma_jiang/article/details/5350198 ...

  10. [Python设计模式] 第18章 游戏角色备份——备忘录模式

    github地址:https://github.com/cheesezh/python_design_patterns 题目 用代码模拟以下场景,一个游戏角色有生命力,攻击力,防御力等数据,在打Bos ...