2017年最好的JavaScript庫(kù)是什么？

題主，你好，先說(shuō)說(shuō)JavaScript庫(kù)，它是一個(gè)非常令人難以置信實(shí)用的工具，JavaScript框架,庫(kù)和工具貌似比他們的開發(fā)人員多出很多，無(wú)數(shù)新的令人印象深刻的庫(kù)不斷的產(chǎn)生，任何的設(shè)計(jì)師或開發(fā)人員都在熟練的使用他們。其中不乏一些好的JS庫(kù)，Tutorialzine 每個(gè)月也會(huì)公布一次當(dāng)月新增的 JS 和 CSS 庫(kù)。這里面有很多很好的JavaScript庫(kù)，這些庫(kù)可以為您的網(wǎng)站添加一些超強(qiáng)功能，或者增加設(shè)計(jì)，為您的用戶帶來(lái)更好的體驗(yàn)。所以在題主這個(gè)問(wèn)題中，我收集了一份列表推薦給你，這些都是最好的JavaScript庫(kù)，在2017年。我希望這些工具將幫助您提高您的技能以及您的專業(yè)工作流。

Slidea

它開發(fā)簡(jiǎn)單，高效和創(chuàng)新的頭腦，使其成為您的網(wǎng)站的完美滑塊解決方案。建立與使用jQuery，GSAP和Animus，滑塊被保證提供無(wú)與倫比的運(yùn)動(dòng)設(shè)計(jì)經(jīng)驗(yàn)。

baguetteBox.js

baguetteBox.js 一個(gè)簡(jiǎn)單和易于使用的響應(yīng)式的圖像 Lightbox 插件，支持滑動(dòng)手勢(shì)在移動(dòng)設(shè)備上使用。純 JavaScript 實(shí)現(xiàn)，不依賴第三方庫(kù)和插件。

ScrollReveal

創(chuàng)建和管理元素進(jìn)入可視區(qū)域時(shí)的動(dòng)畫效果，幫助你的網(wǎng)站增加吸引力。只需要給元素增加 data-scrollreveal 屬性，當(dāng)元素進(jìn)入可視區(qū)域的時(shí)候會(huì)自動(dòng)被觸發(fā)設(shè)置好的動(dòng)畫。

Baffle

一個(gè)小的javascript庫(kù)，用于對(duì)DOM元素中的文本進(jìn)行模糊處理和顯示。

Animocons

Animocons圖標(biāo)由運(yùn)動(dòng)圖形庫(kù)mo.js由Oleg Solomka提供支持。

iTour

它讓你有機(jī)會(huì)告訴你任何接口的功能。此外，這個(gè)插件可以執(zhí)行教學(xué)，顯示任務(wù)的功能，提示你做什么和跟進(jìn)任務(wù)的執(zhí)行。這是他所有類似軟件中最靈活和功能最強(qiáng)的插件。

iziModal

優(yōu)雅，響應(yīng)，靈活和輕量的模式插件——jQuery。

Progressively

逐步加載圖片的JavaScript庫(kù)。它完全用JavaScript編寫，所以它不依賴于第三方庫(kù)。

Popper.js

這是屏幕上的一個(gè)元素，從應(yīng)用程序的自然流動(dòng)中“彈出”。poppers的常見示例是工具提示和popovers。

Anime

靈活而輕量級(jí)的JavaScript動(dòng)畫庫(kù)。它適用于CSS，個(gè)別變換，SVG，DOM屬性和JS對(duì)象。

Cleave.js

這個(gè)想法是通過(guò)格式化您輸入的數(shù)據(jù)提供一種簡(jiǎn)單的方法來(lái)增加輸入字段的可讀性。通過(guò)使用這個(gè)庫(kù)，你不需要寫任何令人興奮的正則表達(dá)式或掩碼模式來(lái)格式化輸入文本。

okayNav

該導(dǎo)航目的在于逐步將導(dǎo)航鏈接折疊成離屏導(dǎo)航，而不是同時(shí)對(duì)所有鏈接進(jìn)行。

Algolia Places

它提供了一個(gè)快速，分布和容易的方式使用地址搜索自動(dòng)完成JavaScript庫(kù)在您的網(wǎng)站。

Granim

使用這個(gè)小js庫(kù)創(chuàng)建流動(dòng)和交互式漸變動(dòng)畫。

Lightgallery.js

全功能JavaScript Lightbox圖庫(kù)。沒有之一。

Bideo

想在一個(gè)顯示器或本身的背景下播放視頻嗎？這個(gè)插件將幫助你做到這一點(diǎn)。

Grade.js

這個(gè)JavaScript庫(kù)產(chǎn)生從提供的圖像中的前2種主色產(chǎn)生的互補(bǔ)梯度。

ScrollTrigger

基于滾動(dòng)位置在HTML元素上觸發(fā)類。它使用requestAnimationFrame，所以動(dòng)畫在瀏覽器準(zhǔn)備就緒時(shí)運(yùn)行，它不會(huì)插入用戶滾動(dòng)，這樣用戶/瀏覽器保持原來(lái)的滾動(dòng)行為。

Bricklayer

輕量級(jí)獨(dú)立的Pinterest級(jí)聯(lián)網(wǎng)格布局庫(kù)。

Strman

一個(gè)Javascript字符串操作庫(kù)。

Vidage

它會(huì)為您自動(dòng)處理您的全屏背景視頻。它決定是否在canplay和resize事件上做這些。它會(huì)隱藏和暫停觸摸設(shè)備和/或較小寬度的視頻，并顯示您應(yīng)提供的后備圖片。

Choreographer

一個(gè)簡(jiǎn)單的庫(kù)來(lái)處理復(fù)雜的CSS動(dòng)畫。

Shave

Shave是一個(gè)零依賴的JavaScript插件，它截?cái)喽嘈形谋疽赃m合基于set max-height的html元素。然后它將原始文本字符串的diff存儲(chǔ)在可見文本之后的隱藏span元素中。這意味著原始文本保持完整！

Timedropper

這是一個(gè)jQuery UI timepicker。以標(biāo)準(zhǔn)格式管理時(shí)間輸入字段，專注于打開一個(gè)小型交互式時(shí)間選擇器的輸入。

Superplaceholder.js

這是一個(gè)通過(guò)在單個(gè)輸入占位符中循環(huán)多個(gè)指令來(lái)使輸入占位符生效的庫(kù)。

Multiple.js

使用CSS在多個(gè)元素之間共享背景的實(shí)驗(yàn)。

SuperEmbed.js

它在網(wǎng)頁(yè)上檢測(cè)YouTube，Vimeo，Vine，VideoPress，DailyMotion和更多嵌入式視頻，并使其具有響應(yīng)性。基本上，這意味著它們伸展以填充它們的容器，同時(shí)仍保持原始的縱橫比。