简介:
JavaScript库是一个令人难以置信的有用的工具,任何设计师或开发人员都熟悉。他们可以为您的网站添加一些超强功能,或者增加设计,为您的用户带来更好的体验。所以在这篇文章中,我收集了一份列表,节省时间,有用的25个最好的JavaScript库,以检查在2017年。我希望这些工具将帮助您提高您的技能以及您的专业工作流。
iTour
它让你有机会告诉你任何接口的功能。此外,这个插件可以执行教学,显示任务的功能,提示你做什么和跟进任务的执行。这是他所有类似软件中最灵活和功能最强的插件。
![](https://i-blog.csdnimg.cn/blog_migrate/b0cc4b17afebb27b37634be6f35fccb1.jpeg)
Popper.js
这是屏幕上的一个元素,从应用程序的自然流动中“弹出”。poppers的常见示例是工具提示和popovers。
![](https://i-blog.csdnimg.cn/blog_migrate/bc3f992ead2e85f7e9f50e5fbb47ddd5.jpeg)
Anime
灵活而轻量级的JavaScript动画库。它适用于CSS,个别变换,SVG,DOM属性和JS对象。
![](https://i-blog.csdnimg.cn/blog_migrate/eab0d949428102c2f30c951e2a82b5df.jpeg)
Cleave.js
这个想法是通过格式化您输入的数据提供一种简单的方法来增加输入字段的可读性。通过使用这个库,你不需要写任何令人兴奋的正则表达式或掩码模式来格式化输入文本。
![](https://i-blog.csdnimg.cn/blog_migrate/6fffd4c8f4bdfb164927603331535062.jpeg)
okayNav
该导航目的在于逐步将导航链接折叠成离屏导航,而不是同时对所有链接进行。
![](https://i-blog.csdnimg.cn/blog_migrate/c2ff7c80e693f2df29d74fc623b16c66.jpeg)
Algolia Places
它提供了一个快速,分布和容易的方式使用地址搜索自动完成JavaScript库在您的网站。
![](https://i-blog.csdnimg.cn/blog_migrate/ca7174386cdaf2a479cdd27f6640c724.jpeg)
Granim
使用这个小js库创建流动和交互式渐变动画。
![](https://i-blog.csdnimg.cn/blog_migrate/10b1d94fcbf923ba714b8c71a35e3a32.jpeg)
Lightgallery.js
全功能JavaScript Lightbox图库。没有之一。
![](https://i-blog.csdnimg.cn/blog_migrate/90e25f8989ee5ed5517baa5964d7468b.jpeg)
Bideo
想在一个显示器或本身的背景下播放视频吗?这个插件将帮助你做到这一点。
![](https://i-blog.csdnimg.cn/blog_migrate/53f6a7478afce92b0a13e2398ab4d0d6.jpeg)
Grade.js
这个JavaScript库产生从提供的图像中的前2种主色产生的互补梯度。
![](https://i-blog.csdnimg.cn/blog_migrate/a5f8324e8153c6b29a4ce3441df1e2f5.jpeg)
ScrollTrigger
基于滚动位置在HTML元素上触发类。它使用requestAnimationFrame,所以动画在浏览器准备就绪时运行,它不会插入用户滚动,这样用户/浏览器保持原来的滚动行为。
![](https://i-blog.csdnimg.cn/blog_migrate/527f2692ed0fc4fc8dacfd4ad37eef4d.jpeg)
Bricklayer
轻量级独立的Pinterest级联网格布局库。
![](https://i-blog.csdnimg.cn/blog_migrate/dd703bfa4e4342d39fb05111966cffee.jpeg)
Strman
一个Javascript字符串操作库。
![](https://i-blog.csdnimg.cn/blog_migrate/b808afbb5ea59c0fecac33ec7dbbec80.jpeg)
Vidage
它会为您自动处理您的全屏背景视频。它决定是否在canplay和resize事件上做这些。它会隐藏和暂停触摸设备和/或较小宽度的视频,并显示您应提供的后备图片。
![](https://i-blog.csdnimg.cn/blog_migrate/2a5796522d967f86d7d9540bca1c1aa3.jpeg)
Choreographer
一个简单的库来处理复杂的CSS动画。
![](https://i-blog.csdnimg.cn/blog_migrate/88fbf540b4bd12959dc087e15bff587a.jpeg)
Shave
Shave是一个零依赖的JavaScript插件,它截断多行文本以适合基于set max-height的html元素。然后它将原始文本字符串的diff存储在可见文本之后的隐藏span元素中。这意味着原始文本保持完整!
![](https://i-blog.csdnimg.cn/blog_migrate/6d6353ec8a2fe3cf1b6b9b2843d0fe2c.jpeg)
Timedropper
这是一个jQuery UI timepicker。以标准格式管理时间输入字段,专注于打开一个小型交互式时间选择器的输入。
![](https://i-blog.csdnimg.cn/blog_migrate/05c627094807b9a1eff490c01ec8f99e.jpeg)
Superplaceholder.js
这是一个通过在单个输入占位符中循环多个指令来使输入占位符生效的库。
![](https://i-blog.csdnimg.cn/blog_migrate/4d702dacdb6872f3e51733a1792e67f2.jpeg)
Multiple.js
使用CSS在多个元素之间共享背景的实验。
![](https://i-blog.csdnimg.cn/blog_migrate/266773b0654dfa952284a97ab6f17a34.jpeg)
SuperEmbed.js
它在网页上检测YouTube,Vimeo,Vine,VideoPress,DailyMotion和更多嵌入式视频,并使其具有响应性。基本上,这意味着它们伸展以填充它们的容器,同时仍保持原始的纵横比。
![](https://i-blog.csdnimg.cn/blog_migrate/edaafe03506995730a3765f7b3d7f73f.jpeg)
iziModal
优雅,响应,灵活和轻量的模式插件——jQuery。
![](https://i-blog.csdnimg.cn/blog_migrate/e83540fdbba3b238ae35de3d43c75865.jpeg)
Progressively
逐步加载图片的JavaScript库。它完全用JavaScript编写,所以它不依赖于第三方库。
![](https://i-blog.csdnimg.cn/blog_migrate/5f842066e270831a1fd7bad4c4fbde05.jpeg)
Baffle
一个小的javascript库,用于对DOM元素中的文本进行模糊处理和显示。
![](https://i-blog.csdnimg.cn/blog_migrate/48bf138773f2b16bb4054a524f4920b6.jpeg)
Animocons
Animocons图标由运动图形库mo.js由Oleg Solomka提供支持。
![](https://i-blog.csdnimg.cn/blog_migrate/292455a7de4d6350b45647bed636397d.jpeg)
Slidea
它开发简单,高效和创新的头脑,使其成为您的网站的完美滑块解决方案。建立与使用jQuery,GSAP和Animus,滑块被保证提供无与伦比的运动设计经验。
![](https://i-blog.csdnimg.cn/blog_migrate/d30f65c1bdc57b5105b39c08eb9658ed.jpeg)
原文链接:http://bashooka.com/coding/25-best-javascript-libraries-for-2017/
翻译:黑妞
![](https://i-blog.csdnimg.cn/blog_migrate/3c93c1b58bb5235fca335b8b0dc8ba85.jpeg)
长按识别二维码,获取更多学习资源和福利!
![](https://i-blog.csdnimg.cn/blog_migrate/cda3b30e9d7fbfaee3c43a005be6961f.gif)
戳原文,与程序员一起探讨交流!