收集整理了一些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. POJ 1905 Expanding Rods 木棍膨胀

    描述 当长度为L的一根细木棍的温度升高n度,它会膨胀到新的长度L'=(1+n*C)*L,其中C是热膨胀系数. 当一根细木棍被嵌在两堵墙之间被加热,它将膨胀形成弓形的弧,而这个弓形的弦恰好是未加热前木棍 ...

  2. [P2058][NOIP2015]海港 (模拟)

    %%%ADMAN #include<cstdio> using namespace std; int n,tot,now,ans,h; ],k[],a[],sum[]; int main( ...

  3. usaco-5.3.3Network of Schools 校园网

    题目描述 一些学校连入一个电脑网络.那些学校已订立了协议:每个学校都会给其它的一些学校分发软件(称作“接受学校”).注意如果 B 在 A 学校的分发列表中,那么 A 不必也在 B 学校的列表中. 你要 ...

  4. linux下下载redis,并且编译

    1:下载.解压.编译$ wget http://download.redis.io/releases/redis-3.0.6.tar.gz $ tar xzf redis-3.0.6.tar.gz $ ...

  5. Map不同具体实现类的比较和应用场景的分析

    1.Map的概括总结 (01) Map 是“键值对”映射的抽象接口.(02) AbstractMap 实现了Map中的绝大部分函数接口.它减少了“Map的实现类”的重复编码.(03) SortedMa ...

  6. 基于zookeeper的高可用Hadoop HA集群安装

    (1)hadoop2.7.1源码编译 http://aperise.iteye.com/blog/2246856 (2)hadoop2.7.1安装准备 http://aperise.iteye.com ...

  7. NHibernate查询优化的相关资料

    一.http://www.cnblogs.com/dddd218/archive/2009/09/01/1557640.html 1.立即加载(lazy=false)并不能在所有情况下都会减少SQL语 ...

  8. python-循环小练习

    作业:登录程序,最多循环输入三次,账号密码校验输入为空的情况: 知识点总结 1.while和for循环的区别是,1个需要定义计数器,1个不需要定义计数器: 2.break正常循环结束后会用到,意思是不 ...

  9. 在latex或者mathtype中如何输入花体,如拉式量L

    这个问题困扰我很久,知道我找到这个答案: 把  \mathcal{L} 直接黏贴到mathtype的编辑框中就可以产生花体L了

  10. Linux之为集群内的机器设定主机名

    作业二:为集群内的机器设定主机名,利用/etc/hosts文件来解析自己的集群中所有的主机名,相应的,集群的配置应该改成使用主机名的方式 1.主机信息配置并解析 [root@localhost ~]# ...