前端常用插件、工具类库汇总(上)
在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。
下面这些是我在工作中积累的一些常用的前端开源插件,这里只是罗列出来,详细的用法各个插件官网或者Gayhub都有介绍。注意:往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎留言交流和补充。
函数库
Lodash
https://github.com/lodash/lodash
Underscore
https://underscorejs.org/
Ramda
https://github.com/ramda/ramda
outils
https://github.com/proYang/outils
复制代码
动画库
Animate.css:CSS3 动画库,也是目前最通用的动画库。
https://daneden.github.io/animate.css/
Anime.js:一个强大的、轻量级的用来制作动画的javascript库
http://animejs.com/
Hover.css:CSS hover 悬停效果,可以应用于链接、按钮、图片等等。
https://github.com/IanLunn/Hover
wow.js:滚动展示动画,WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果。
https://github.com/matthieua/WOW
Magic.css:css3 animation动画库
https://github.com/miniMAC/magic
Waves:点击波纹效果
https://github.com/fians/Waves
move.js:一个小型的JavaScript库,通过JS来控制一系列的CSS动画顺序执行,使CSS3动画变得非常简单和优雅。
https://github.com/visionmedia/move.js
复制代码
滚动库
iscroll - 平滑滚动插件
https://github.com/cubiq/iscroll
BetterScroll:iscroll 的优化版,使移动端滑动体验更加流畅
https://github.com/ustbhuangyi/better-scroll
mescroll:移动端上拉刷新下拉加载
http://www.mescroll.com/api.html
jQuery Scrollbox:图片文字滚动插件
http://www.jq22.com/jquery-info1890
liMarquee:jQuery无缝滚动插件
http://www.dowebok.com/188.html
复制代码
轮播图
Swiper:常用于移动端网站的内容触摸滑动
https://www.swiper.com.cn/
iSlider:移动端滑动组件
http://eux.baidu.com/iSlider/demo/index_chinese.html
slip.js:移动端跟随手指滑动组件,零依赖。
https://github.com/binnng/slip.js
OwlCarousel2:
http://owlcarousel2.github.io/OwlCarousel2/
slick:
http://www.jq22.com/jquery-info406
WebSlides:
https://github.com/webslides/webslides/
jQuery轮播插件slider:
http://www.jq22.com/jquery-info889
复制代码
滚屏
fullpage:
http://www.jq22.com/jquery-info1124
复制代码
弹出框
layer:独立维护的三大组件之一(layDate、layer、layim)
http://layer.layui.com/
Bootbox.js:
http://bootboxjs.com/
dialogBox:基于 jQuery
http://www.jq22.com/jquery-info4822
easyDialog:
http://www.h-ui.net/easydialog-v2.0/index.html
复制代码
消息通知
Notyf:简单的响应式纯js消息通知插件
http://www.htmleaf.com/jQuery/Lightbox-Dialog/201609123990.html
PNotify:页面右上角的提示信息(非弹框提示)
https://github.com/sciactive/pnotify
https://sciactive.com/pnotify/
overhang.js:是一个JQuery插件显示即时通知、 确认或给定元素中的提示。
http://www.jq22.com/jquery-info9193
复制代码
下拉框
select2
https://select2.org/
复制代码
级联选择器
ustbhuangyi/picker:移动端最好用的的筛选器组件、联动筛选
https://github.com/ustbhuangyi/picker
jQueryDistpicker:移动端最好用的的筛选器组件、联动筛选
http://fengyuanchen.github.io/distpicker/
http://www.jq22.com/demo/jQueryDistpicker20160621/
复制代码
颜色选择器
Bootstrap Colorpicker 2
https://github.com/farbelous/bootstrap-colorpicker
复制代码
时间选择器
layDate:
https://www.layui.com/laydate/
复制代码
时间日期处理
Moment.js:是一个解析,验证,操作和显示日期和时间的 JavaScript 类库。
http://momentjs.com/
https://github.com/moment/moment
timeago.js:轻量级的时间转换 Javascript 库
https://github.com/hustcc/timeago.js
复制代码
表单验证
validator.js:
https://github.com/chriso/validator.js
jQuery Validation:jQuery 表单校验
https://github.com/jquery-validation/jquery-validation
Validform:一行代码搞定整站的表单验证!- Jquery表单验证插件
http://validform.rjboy.cn/
复制代码
分页插件
pagination:
https://github.com/superRaytin/paginationjs
复制代码
以上有你需要的内容吗? 如果有,不要错过下期内容噢~~
本文内容未完待续...
作者:白小明
来源:
juejin.im/post/5ba7d5…
订阅号ID:Miaovclass
关注妙味订阅号:“妙味前端”,为您带来优质前端技术干货;
前端常用插件、工具类库汇总(上)相关推荐
- 前端常用Utils工具函数库合集
前端常用Utils工具函数库合集 在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 函数库 Lo ...
- 60+ 个前端常用插件库合集
60+ 个前端常用插件库合集 目录 60+ 个前端常用插件库合集 DataTables LazyLoad lightSlider alertify.js pickadate.js-日期/时间选择器 c ...
- chrome vue插件_VS Code 前端常用插件推荐
⊕.vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效. Ξ.当你不需要某个插件时只需要进入扩展,点击对应 ...
- [项目过程中所遇到的各种问题记录]工具篇——.NET开发时常用的工具类库
在日常开发的过程当中我们总是会根据项目的开发需求将一些公用的类或者方法进行抽象封装,这些类或方法的抽象封装可能是基于某个项目或者多个项目,最常见的应该就是SQLHelper了,这些类库在实际使用的过程 ...
- 前端常用插件之calender日历控件
前端常用插件之calender日历控件 最近,发现一个插件--简单好用的页面日历控件,个人觉得有必要与大家分享一下,它就是calender日历控件. 准备环境: Bootstrap文件:bootstr ...
- 前端常用插件之artDialog弹出框
前端常用插件之artDialog弹出框 最近,发现一个插件--好看精致的页面弹出框,个人觉得有必要与大家分享一下,它就是artDialog弹出框. 引用上一篇文章<前端常用插件之art-temp ...
- vscode前端常用插件
vscode前端常用插件 文章目录 vscode前端常用插件 1. Live Server 1.1 Live Server的使用 2. rest client 3. GitLens 4. CSS pe ...
- java前端插件有哪些,前端常用插件、工具类库汇总(上)
前言 在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
- 前端常用插件、工具类库汇总,新手必收藏!!!
前言 在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
最新文章
- 8.3折特惠票仅剩3天!「2019 嵌入式智能国际大会」全日程大公开!
- 使mysql查询条件区分大小写 数据库搜索中大小写敏感性
- verilog中如何拆分一个数
- Mysql CPU占用高的问题解决方法小结
- docker之Dockerfile
- 清华大学计算机李雪,李雪 | 北京外国语大学国际商学院|International Business School,BFSU|本硕博,北外留学,来华留学Solbridge,EDP...
- java.lang中所有的类_java.lang中的数学类
- .net 互操作之p/invoke- 数据封送之字符串(2)
- 计算机试题新编实训,计算机基础与实训 练习题
- c语言跑马灯实验报告,单片机跑马灯实验
- 【已解决】TypeError: bind() takes exactly one argument (2 given)
- Sql Server系列:存储过程
- 50个Android开发人员必备UI效果源码
- 实例带你掌握如何分解条件表达式
- python应用系列教程——python使用scapy监听网络数据包、按TCP/IP协议进行解析
- 机器学习,深度学习相关介绍
- Linux SOCKET编程详解
- java生成base64图片条形码
- 毕设题目:Matlab优化充电
- 计算机软件免税,软件产品的增值税优惠有哪些?
热门文章
- Python运维开发基础01-语法基础【转】
- ListItem.Update与ListItem.SystemUpdate
- linux发行版本在这里。
- c/c++对象模型大总结:第5-8章、数据成员的存取与布局
- 用java调用oracle存储过程总结二
- 树莓派安装python模块_树莓派引脚编号、pypi说明和安装
- POJ2983 查分约束系统
- 【Linux 内核 内存管理】内存管理架构 ④ ( 内存分配系统调用过程 | 用户层 malloc free | 系统调用层 brk mmap | 内核层 kmalloc | 内存管理流程 )
- 【数字信号处理】相关函数应用 ( 使用 matlab 计算相关函数 )
- 【Flutter】ExpansionTile 可折叠列表