前端插件,你不容错过

BootCDN网站备忘

blueimp插件

    blueimp Gallery是一个支持触摸、响应灵敏、可定制的图像和视频画廊、carousel和lightbox,针对移动和桌面web浏览器进行了优化。
    它的功能包括滑动、鼠标和键盘导航、过渡效果、幻灯片演示功能、全屏支持和按需内容加载,还可以扩展以显示其他内容类型。
在这里插入图片描述
  github下载地址

bootstrap-markdown

    顾名思义,一个bootstrap的markdown编辑器,bootstrap-markdown设计为便于与您的引导项目集成。它提供了一些有用的API,允许您完全连接到插件中。
在这里插入图片描述
github下载地址

bootstrap-tagsinput

    Bootstrap标签输入是一个jQuery插件,提供了一个用于管理标签的Twitter Bootstrap用户界面。
在这里插入图片描述github下载地址

BootstrapTour

    BootstrapTour是一个基于Bootstrap的网站首页使用功能引导提示效果的网站,比如网站的新手引导、业务提示、功能提示,使用也非常简单。
github下载地址
在这里插入图片描述

C3图标库

    C3是一个基于d3的可重用图表库,官网使用了三个关键词描述C3,简易、可控、可定制。

在这里插入图片描述在这里插入图片描述在这里插入图片描述
官网
github下载地址

Chartist

Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器,它支持SVG格式,图表数据转换十分灵活,同时也支持多种图表展现形式,不失为一款前端开发者的开发利器。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
官网

chartJs

为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。
在这里插入图片描述在这里插入图片描述
官网
中文网,部分不可用了

jquery chose

Chosen 是一个JavaScript插件,它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此,它更扩大了,增长了主动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。目前,它支持 jQuery 和 Prototype 两种JavaScript引擎。
官网

clipboard

拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的,它不应该依赖flash或者其他框架,应该保持简洁。这就是创造clipboard.js的原因和目的。
在这里插入图片描述
中文网
官网

clockpicker

为boostrap或者jquery设计的时钟风格时间选择器。
在这里插入图片描述
在这里插入图片描述
官网

codemirror

CodeMirror 是由js写的一款插件。它专门用于编辑代码,并提供了许多语言模式和插件来实现更高级的编辑功能。丰富的编程API和CSS主题系统可用于定制CodeMirror以适应您的应用程序,并使用新功能对其进行扩展。
在这里插入图片描述
官网

colorpicker

顾名思义,这是一个颜色选择器,具体描述为:一个简单的组件,可以像在adobephotoshop中选择颜色一样选择颜色。
在这里插入图片描述
官网

cropper图像裁剪

一个简单的jQuery图像裁剪插件
在这里插入图片描述
官网
github

D3可视化工具

D3.js是一个基于数据操作文档的JavaScript库。D3帮助您使用HTML、SVG和CSS来处理数据。D3对web标准的强调为您提供了现代浏览器的全部功能,而不需要将自己绑定到专用框架,它结合了强大的可视化组件和数据驱动的DOM操作方法。
D3允许您将任意数据绑定到文档对象模型(DOM),然后将数据驱动转换应用到文档。例如,可以使用D3从数字数组生成HTML表。或者,使用相同的数据创建具有平滑转换和交互的交互式SVG条形图。
D3并不是一个试图提供所有可能特性的整体框架。相反,D3解决了问题的关键:基于数据的文档的有效操作。这避免了专有表示,并提供了非凡的灵活性,暴露了全部的能力。
在这里插入图片描述
CSDN中的大神教程
官网

datamaps

Datamaps是一个相当有趣而且实用的热度图产生器,通常用于地图上呈现各地区的某项数值,像是人口数、平均薪资所得、消费力、人口密度等,非常适合于把数据套用到图表中展示。
Datamaps提供世界地图、各国家行政区域图,像是美国、中国、加拿大、法国、德国、印度、澳大利亚、英国、台湾等等,透过CSV 资料格式将资料汇入或手动编辑,资讯立即呈现于地图上,还能调整配色、单位或标题及副标题,制作后的图片可汇出为PNG 或SVG 向量图格式,对于再次编辑来说也相当有用。
Datamaps可导入资料的格式除了CSV 外,还有TSV、DSV ,格式也非常简单,如果你不知道怎么做,可以点击右侧的example 下载范例档案,就能知道Datamaps.co 要怎么把现有的数值汇入然后做成图片。
在这里插入图片描述
github下载地址

datepicker 时间选择器

bootstrap-datepicker是一个开源、基于bootstrap的日期选择器,内置60+种语言,基于bootstrap也使得选择器非常美观适合现代网站,功能强大,通过内置属性、方法、事件组合配置可以满足几乎所有日期选择需求,唯一遗憾的是不支持时间选择,只能选择年月日。
官网

dataTables表格插件

Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。

  • 分页,即时搜索和排序
  • 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理
  • 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation
  • 各式各样的扩展: Editor, TableTools, FixedColumns ……
  • 丰富多样的option和强大的API
  • 支持国际化
  • 超过2900+个单元测试
  • 免费开源 ( MIT license )! 商业支持
    官网
daterangepicker 时间范围选择器

用于选择日期范围,日期和时间的JavaScript组件。
最初是为了改善报表而创建的,它可以连接到任何网页元素,弹出两个日历,用于选择日期、时间或从预定义的范围,如“最后30天”
官网

diff_match_patch文件对比

非官方的镜像谷歌的差异,匹配和补丁库的纯文本,
github地址

dotdotdot单行、多行文本溢出显示省略号插件

Dotdotdot是一个javascript插件,用于截断网页上的多行内容。它添加了一个省略号来表示比当前可见的文本更多。可选的是,插件可以在内容末尾的省略号后面保留一个“read more”锚。
当使用dotdotdot插件截断HTML时,您不需要担心HTML标记,插件知道如何处理大多数元素。它是响应的,所以继续和调整你的浏览器,省略号将在飞行中更新。
官网

dropzone文件拖拽上传

DropzoneJS是一个开源库,提供拖放文件与图像预览。
它是轻量级的,不依赖于任何其他库(如jQuery),并且是高度可定制的。
官网

duaListbox双列表框插件

Bootstrap双列表框是一个双列表框实现,特别为Bootstrap和jQuery设计。这个控件非常容易让用户理解和使用。也可以使用非常大的多重选择,而不会使用户感到困惑。
github地址

easypiechart 简易饼图

简单饼图是一个轻量级的插件,可以为单个值绘制简单的动画饼图。
轻量级插件渲染简单,动画和视网膜优化饼图。

  • 高度可定制的
  • 很容易实现
  • 分辨率独立(视网膜优化)
  • 使用requestAnimationFrame在现代设备上平滑的动画
  • 适用于所有现代浏览器,甚至在IE7+与excanvas
    github地址
flot

flot ,是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。
flot是一个用于工程和科学应用的JavaScript绘图库
github地址

footable

FooTable 是一个 jQuery 插件,主要的目的是将 HTML 的表格变成支持各种尺寸的设备,特别是在小屏幕设备上显示也是很棒的效果。而不需担心该表格拥有太多的列。
官网

fullcalendar 日历事件

且看图
在这里插入图片描述官网

Gritter 小型的 jQuery 消息通知插件

github地址

i18next 国际化插件(学习一次到处翻译)

I18next是一个用JavaScript编写的国际化框架。但远远不止这些。
i18next不仅仅提供标准的i18n特性,比如(复数、上下文、插值表达式、格式)。它为您提供了一个完整的解决方案来本地化您的产品,从web到移动和桌面。
github
官网

iCheck

高度可定制的复选框和单选按钮(jQuery和Zepto)。
特点:相同的输入在不同的浏览器和设备(包括桌面和移动),触摸设备支持(iOS、Android、黑莓、Windows Phone,亚马逊Kindle),键盘可以输入(选项卡上,空格键,箭头上/下和其他快捷键),screenreader访问输入(画外音ARIA属性和其他人),定制的自由(使用任何HTML和CSS样式输入或者尝试6 Retina-ready皮),轻量级的大小(1 kb gzip)。提供32个选项来自定义复选框和单选按钮,11个回调来处理更改,9个方法以编程方式进行更改。保存对原始输入的更改,小心使用任何选择器。
官网

idle-timer

jquery-idletimer 提供一种使用页面监视用户活动的方法。
在用户“空闲”时触发自定义事件。如:

ionrangeslider范围滑块

Ionrangeslider.js是一个不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
且看图
在这里插入图片描述官网

jasny

Jasny Bootstrap是vanilla Bootstrap的扩展,添加了许多特性和组件。组件如下:导航、提示框、按钮、关闭、连接组、文件输入等。
在这里插入图片描述
官网

WOW 滚动动画

显示CSS动画当你向下滚动一个页面。默认情况下,您可以使用它来触发animation .css动画。但是你可以很容易地把设置改为你最喜欢的动画库。
优点:

  • 比其他JavaScript视差插件小,比如Scrollorama
  • 超级简单的安装,并与动画工作。css,如果你已经用过了,设置会很快
  • 快速执行和轻量级代码
    官网
    在这里插入图片描述
jeditable 内联编辑

jeditable是一个jquery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件。(注: 就地编辑,也有称即时编辑?正常的流程是这样的。用户单击网页上的文本。文本块变成了表单。用户编辑内容并按提交按钮。将新文本发送到webserver并保存。表单再次成为正常文本)
官网

jqGrid 表格插件

中文网
在这里插入图片描述

jQuery-UI

jQuery UI包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。
菜鸟教程
中文网

jsKnob 漂亮旋钮插件

看图中的圆圈集聚人类的智慧
在这里插入图片描述
在这里插入图片描述

官网

jsTree 动态生成树图

jsTree是基于javascript的一个跨浏览器树控件,功能强大,而且是免费的。
在这里插入图片描述
官网

Justified-Gallery 画廊插件

Justified-Gallery是一个JavaScript库,允许你创建一个高质量的图片画廊。
对于创建网站的人来说,这是一个常见的问题:你有一系列的图片要显示,但你不知道如何以一种优雅的方式排列它们。像500px、Flickr或谷歌这样的重要网站以一种极好的方式显示图像,证明它们与砖墙类似。Justified-Gallery也会给你这样做的权力。
在这里插入图片描述
github地址

JVectorMap 地图插件

JVectorMap 是一个优秀的、兼容性强的 jQuery 地图插件。
在这里插入图片描述
官网

ladda 按钮进度加载

在这里插入图片描述
官网

masonry 瀑布流

masonry 是一个JavaScript网格布局库。它的工作原理是根据可用的垂直空间将元素放置在最佳位置,有点像石匠在墙上安装石头。
在这里插入图片描述
官网

metismenu导航栏插件

在这里插入图片描述
官网

morris 图标库

仅提供了折线图、面积图、柱形图和饼图四种类型的图表
在这里插入图片描述官网

Nestable 一个可拖拽的树结构表现插件

带鼠标和触摸兼容性的拖放层次列表(jQuery插件)
在这里插入图片描述
github地址

noUiSlider 滑块

noUiSlider是一个轻量级的JavaScript范围滑块。
在这里插入图片描述
官网

pace进度加载

自动添加一个进度条到您的网站
在这里插入图片描述
参考
github地址

pdfjs pdf解析

一个通用的、基于web标准的平台,用于解析和呈现pdf。
在这里插入图片描述
官网

peity 饼状图

在这里插入图片描述
官网

PrettyTextDiff 文本比对

一个围绕谷歌的diff_match_patch库的包装器,使生活变得简单
在这里插入图片描述
github

pwstrength密码强度表插件

jQuery密码强度表是 Twitter Bootstrap的插件,它为visualy提供了显示密码输入用户的质量的规则集。

在MIT和GPL许可证下双重许可。 你可以选择适合你目的的那个。
github地址

rickshaw 绘图工具

用于创建交互式实时图的JavaScript工具包。
在这里插入图片描述
github地址

select2 选项插件

Select2为您提供了一个可定制的选择框,支持搜索、标记、远程数据集、无限滚动和许多其他常用选项。
在这里插入图片描述官网

slick 旋转木马插件

slick 是一个基于 jQuery 的响应触摸式幻灯片插件。
在这里插入图片描述
官网

slimscroll 滚动条

limScroll是一个4.6kb的很小的jQuery插件,可将任何div转换成一个带有好看的滚动条的可滚动区域。slimScroll不占用任何视觉空间,因为它只出现在用户鼠标移入到这个div上的时候,也就是说,当用户进行onmouseover等鼠标移入的动作,这个好看的滚动条才会显示出来。用户可以拖动滚动条或使用鼠标滚轮改变滚动值。

官网

sparkline 图表库

它是一个开源的图表控件,可以生成很小也很好看的图
在这里插入图片描述
官网

steps 向导插件

一个功能齐全的向导插件,非常灵活,紧凑,功能丰富。
在这里插入图片描述
中文文档
官网

Summernote 编辑器

它是一个简单灵活的所见即所得的 HTML 在线编辑器,基于 jQuery 和 Bootstrap 构建,支持快捷键操作,提供大量可定制的选项。
在这里插入图片描述
官网

sweetalert弹窗

JavaScript“警告”的完美替代品
在这里插入图片描述官网

switchery 开关插件

Switchery是一个简单的组件,可以帮助你将默认的HTML复选框输入转换成漂亮的iOS 7风格的开关,只需几个简单的步骤。您可以轻松地自定义开关,使它们与您的设计完美匹配。
在这里插入图片描述
官网

tinycon 数字显示

一个用于操作favicon Tinycon的小库允许添加警告气泡和更改favicon图像。对于不支持canvas或动态favicon的浏览器,Tinycon可以优雅地使用标题方式。在favicon上的提醒允许用户在标签上标记,并很容易地看到他们是否需要注意。
在这里插入图片描述
github

toastr 通知插件

简单的javascript toast通知
在这里插入图片描述
官网

topojson

TopoJSON 是 GeoJSON 按拓扑学编码后的扩展形式,是由 D3 的作者 Mike Bostock 制定的。相比 GeoJSON 直接使用 Polygon、Point 之类的几何体来表示图形的方法,TopoJSON 中的每一个几何体都是通过将共享边(被称为arcs)整合后组成的。
TopoJSON 消除了冗余,文件大小缩小了 80%。
引用博客
github

Touch Punch

jQuery UI Touch Punch是一个小技巧,它支持使用jQuery UI用户界面库在站点上使用触摸事件。
在这里插入图片描述
官网

touchspin

一个移动和触摸友好的输入自旋组件Bootstrap 3。它支持鼠标滚轮和上下键。
在这里插入图片描述官网

typehead 自动补全

在这里插入图片描述
官网
github
使用文档

validate表单验证插件

Validate是基于jQuery的一款轻量级验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea`的验证。
官网

video视频插件

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )
在这里插入图片描述
官网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

-西门吹雪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值