ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端常用插件工具类库

2021-10-10 09:30:57  阅读:135  来源: 互联网

标签:类库 插件 github http 前端 www js https com


函数库

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

滚动库

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

轮播图

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

富文本编辑器

wangEditor

http://www.wangeditor.com/

百度UEditor

https://ueditor.baidu.com/website/

KindEditor

http://kindeditor.net/demo.php

MediumEditor

http://yabwe.github.io/medium-editor/

Simditor

https://simditor.tower.im/

Summernote

https://summernote.org/

Quill

https://quilljs.com/

Slate

https://github.com/ianstormtaylor/slate

Markdown 编辑器

Editor.md

https://pandao.github.io/editor.md/

树插件

树插件

http://www.treejs.cn/v3/main.php#_zTreeInfo

图片懒加载

lazyload

https://github.com/tuupola/jquery_lazyload

瀑布流

Masonry

https://www.cnblogs.com/cjc917/p/7402026.html

Metro风兼瀑布流布局效果

http://www.lanrenzhijia.com/jquery/1985.html

相册(图片滑动切换展示效果)

Viewer.js

https://fengyuanchen.github.io/viewerjs/

导航插件

okayNav

http://www.dowebok.com/204.html

视频播放器

Chimee:组件化H5播放器框架

http://chimee.org/

https://juejin.im/entry/5a02b480f265da43144020b1

flv.js

Bilibili 开源纯 JavaScript 编写的 FLV 播放器

Flash 视频(FLV)播放器

http://chimee.org/

https://juejin.im/entry/5a02b480f265da43144020b1

jplayer

http://www.jplayer.cn/

html5player

https://juejin.im/post/596f536d51882526337caf15

Video.js:

开源、免费的HTML5和Flash视频播放器

https://dogeek.net/

弹幕播放器

DanmuPlayer - Html5弹幕播放器插件

https://github.com/chiruom/DanmuPlayer

jquery.danmu.js - jQuery弹幕插件

https://github.com/chiruom/jquery.danmu.js

scroxt - 字幕字体滚动插件

https://github.com/chenjianfang/scroxt

复制粘贴插件

clipboard.js

https://github.com/zenorocha/clipboard.js/

ZeroClipboard

https://github.com/zeroclipboard/zeroclipboard

二维码插件

jquery.qrcode.js

https://github.com/jeromeetienne/jquery-qrcode

拖拽

Draggabilly

http://www.jq22.com/jquery-info293

dragula

https://www.toutiao.com/a6491847196890104334

文件上传

uploader

WebUploader:

HTML5 & FLASH 文件上传

https://github.com/fex-team/webuploader/

代码高亮

hightlightokayNav

https://highlightjs.org/

前端国际化 i18n

i18next

https://github.com/i18next/i18next

vue-i18n

https://github.com/kazupon/vue-i18n

前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”:

http://www.cnblogs.com/landeanfen/p/7581609.html

基于jQuery.i18n.properties 实现前端页面的资源国际化

https://blog.csdn.net/aixiaoyang168/article/details/49336709

地图

百度地图

http://lbsyun.baidu.com/

谷歌地图

http://www.runoob.com/googleapi/google-maps-api-key.html

高德地图

https://lbs.amap.com/

腾讯地图

https://lbs.qq.com/

网页即时通讯

LayIM

http://layim.layui.com/

闲聊么

https://www.xianliao.me/

数据可视化

ECharts 

http://echarts.baidu.com/index.html

PDF 阅读器

https://github.com/mozilla/pdf.js

主题色提取

RGBaster

https://github.com/briangonzalez/rgbaster.js

前端存储

ustbhuangyi/storage:

封装了sessionStorage和localStorage

https://github.com/ustbhuangyi/storage

store.js

本地存储localstorage的封装

https://github.com/jaywcjlove/store.js

localForage

https://github.com/localForage/localForage

数据 Mock

Easy Mock

https://github.com/easy-mock/easy-mock

Mockjs

生成任意随机数据,拦截 Ajax 请求

http://mockjs.com/

json-server + fakerjs

https://github.com/typicode/json-server

其他

IE浏览器版本过低提示插件IEalert.js

http://www.jqueryfuns.com/resource/455

lyric-parser - QQ音乐歌词解析

https://github.com/ustbhuangyi/lyric-parser

holder.js - 图片占位符插件

https://github.com/imsky/holder

jQuery放大镜插件jqzoom.js

http://www.jq22.com/jquery-info648

Zooming – JavaScript图片缩放库

http://www.dowebok.com/223.html

标签:类库,插件,github,http,前端,www,js,https,com
来源: https://blog.csdn.net/weixin_43323913/article/details/120676230

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有