常用前端插件及工具库汇总http://www.jq22.com/jquery-in...基于jQuery的弹出框Bootbox.js:http://bootboxjs.com/基于Bootstrap弹出框SweetAlert:https://sweetalert.js.org/一个弹出层,效果很好,支持图片,支持输入轮播图片Swiper:https://www.swiper.com.cn/打开源码,免费,功能强大的触控滑动插件,常用于移动端。iSlider:http://eux.baidu.com/iSlider/...iSlider是一款性能卓越、无插件依赖的移动平台javascript滑动组件。它可以处理任何元素,例如图片或DOM元素WebSlides:https://webslides.tv/#slide=1使用HTML实现网页版PPT和宣传展示页。OwlCarousel2:http://owlcarousel2.github.io...基于jQuery的carouselslick:http://kenwheeler.github.io/s...jQuerycarousel插件slickjQueryslider:http://www.jq22.com/jquery-in...插件说明:最全、最简单、最全的幻灯片轮播,可控插件,完美PC端和移动端。实时刷新Browsersync:https://www.browsersync.io/Browsersync可以让浏览器实时响应你的文件变化(html、js、css、sass、less等),快速自动刷新页面.页面调试AlloyLever:https://github.com/AlloyTeam/...腾讯开发维护的代码调试发布,错误监控上报,用户问题定位。可以通过url参数远程调试客户端定位问题。vConsole:https://github.com/Tencent/vC...也是腾讯开发维护的代码调试工具,是一款针对移动端的调试工具。与上一个不同的是,客户端不能通过添加url参数进行远程调试。函数库Lodash:https://github.com/lodash/lodash是一个一致的、模块化的、高性能的JavaScript实用程序库。Lodash已经给你写了很多方法,直接调用就可以了,不用自己写。Underscore:https://underscorejs.org/Underscore提供了一套完整的函数式编程接口,让我们更容易在JavaScript中实现函数式编程。Ramda:https://github.com/ramda/ramda和前面两个差不多,不同的是参数位置不一样。Ramda的理念是功能第一,数据最后。Ramda还有一个特点:所有的方法都支持柯里化。可以参考阮一峰的文章《Ramda函数库参考教程》。outils:https://github.com/proYang/ou...前端业务代码工具库。常用功能统一打包发布到npm,提高开发效率。手势库AlloyFinger:https://github.com/AlloyTeam/...一个用于多点触控设备编程的web手势组件,快速帮助你的web程序添加手势支持,再也不用担心300ms的延迟点击了。有两个版本,独立版本和没有依赖的反应版本。除了Dom对象,Canvas中元素的手势也可以被监控。二维码jQueryqrcode:https://github.com/jeromeetie...是一个jQuery插件,可以在客户端生成矩阵二维码。它可以用来在页面上轻松生成二维码。模板引擎doT:https://github.com/olado/doTdoT模板方便快捷的组织页面DOM,特点是速度快,体积小,不依赖其他插件。这也是我在项目中经常使用的模板引擎。handlebars:http://handlebarsjs.com/Handlebars是一个JavaScript语义模板库,通过分离视图和数据来快速构建网页模板。它采用了“Logic-lesstemplate”(无逻辑模板)的思想,在加载时进行预编译,而不是在客户端执行代码时进行编译,从而保证模板加载和运行的速度。中文版教程可以参考这篇文章Handlebars.js模板引擎。Template7:http://idangero.us/template7/是一个移动端模板引擎,语法和Handlebars非常相似。它是Framework7内置的模板引擎。此外,据官网介绍,它在移动版Safari中比Handlebars快2-3倍。入门文章可以看【template7入门教程及对它的一些看法】(https://segmentfault.com/a/11...)。JadeLanguage:http://jade-lang.com/Node模板引擎,是Express框架内置的模板引擎。中文版教程可以看这个Jade模板。另外可以参考JadeSyntaxDocumentation,里面整理了Jade模板引擎的用法,可以实时更新。ColorPickerBootstrapColorpicker:https://farbelous.io/bootstra...Bootstrap4中使用的颜色选择器。Spectrum:http://bgrins.github.io/spect...支持移动、超小型颜色选择器。不需要大量图片,也不需要其他插件,同时支持自定义。动画库Animate.css:https://daneden.github.io/ani...css3动画库也是目前常见的动画库。只需导入css,添加css样式即可实现动画。Anime.js:http://animejs.com/Anime(/??n.?.me?/)是一个轻量级的JavaScript动画库。Hover.css:http://ianlunn.github.io/Hover/CSS3hover悬停效果,可应用于链接、按钮、图片、SVG等。WOW.js:http://mynameismatthieu.com/W。..滚动显示动画,WOW.js依赖animate.css,所以支持animate.css的60多种动画效果。另外,从官网下载使用时,要注意授权license。不同的许可证有不同的价格。magic.css:https://github.com/miniMAC/magiccss3动画动画库。Waves:http://fian.my.id/Waves/点击波纹效果,是基于GoogleMaterialDesign的点击效果。move.js:http://visionmedia.github.io/...一个小型的JavaScript库,使用JS来控制一系列CSS动画的顺序执行,使CSS3动画非常简洁优雅。图片上传FineUploader:https://github.com/FineUpload...一个超简单的JS文件上传库。webuploader:http://fex.baidu.com/webuploa...百度开发的一款以HTML5为主,FLASH为辅的文件上传组件。兼容IE6+、iOS6+、安卓4+。正则表达式regexper:https://regexper.com/以图形方式表示正则表达式。图片无损压缩tinypng:https://tinypng.com/图片无损压缩,支持PS软件插件直接压缩,还提供了http、ruby、php、node.js、pyhont、java、.net多种API。提供在线压缩。如果是多张图片,需要付费哦~图片好快:https://www.tuhaokuai.com/国内在线图片压缩。压缩大量图像文件也需要付费。DataMockMock.js:http://mockjs.com/是前端开发中拦截Ajax请求并生成随机数据响应的工具。它可以用来模拟服务器响应。优点是非常简单方便,无侵入性,基本涵盖了常用的接口数据类型。官网上没有ajax的直接请求拦截例子,可以参考这个【Mock.js使用】(https://segmentfault.com/a/11...)EasyMock:https://easy-mock.com是一种可以快速生成模拟数据的可视化服务,是大搜车维护的一个Mock平台。EasyMock也是基于Mock.js,不同的是不需要在本地存储文件,直接远程访问接口。接口完成后,只需要更改url地址即可。简单了解如何使用EasyMock,可以参考如何使用EasyMock,观看文章中给出的视频链接即可。JSONServer:https://github.com/typicode/j...基于节点服务,可以生成RESTAPI,非常方便。视频播放器chimee:http://chimee.org/Chimee(读作“Chimee”,[t??'m?:])是Chimee开源的一套H5视频播放器解决方案。支持MP4、M3U8、FLV等媒体格式。同时也帮助我们解决了大部分的兼容性和差异化问题,包括全屏、自动播放、内嵌播放、直播解码等常见的媒体播放需求。flv.js:https://github.com/Bilibili/f...Bilibili是一个用纯JavaScript编写的开源FLV播放器。Video.js:https://videojs.com/开源、免费的HTML5和Flash视频播放器jPlayer:http://www.jplayer.org/jQuery的HTML5音频和视频播放器。此外,还添加了jPlayer的React版本。滚动库iScroll:https://github.com/cubiq/iscrolliScroll是一个高性能、体积小、零依赖、跨平台的js滚动库。它支持PC、手机甚至智能电视。另外它支持多个不同的js版本,可以根据需要选择。beter-scroll:https://github.com/ustbhuangy...一款专注于解决移动端各种滚动场景需求的插件(PC端已经支持)。其核心是基于iscroll的实现,并对其进行了优化。另外,better-scroll用vue重写了,更适合移动端开发。mescroll:https://github.com/mescroll/m...精致的下拉刷新上拉加载js框架。支持Vue,完美运行于移动端和主流PC浏览器。
