現(xiàn)代 JavaScript 框架使構(gòu)建復(fù)雜的 Web 應(yīng)用變得非常容易。Vanilla JavaScript 指的是純 Javascript 代碼，沒有使用任何框架進(jìn)行擴(kuò)展，這在創(chuàng)建小型應(yīng)用程序時很好用。

1. Swiper.js

Swiper 是免費(fèi)的現(xiàn)代移動觸摸滑塊控件，具有硬件加速過渡和驚人的原生行為。

官網(wǎng)：https://swiperjs.com/

Swiper.js

2. iTyped

簡單 Javascript 動畫輸入，沒有任何依賴關(guān)系。

官網(wǎng)：https://ityped.surge.sh/

iTyped

3. tingle.js

用純 JavaScript 編寫的簡約易用的模態(tài)插件。

官網(wǎng)：https://tingle.robinparisi.com/

tingle.js

4. Glide

無依賴的 JavaScript ES6 滑塊和輪播。它輕巧、靈活、快速。

官網(wǎng)：https://glidejs.com/

Glide

5. Sticky Sidebar

這些 JavaScript 插件提供了一種方便的方式來創(chuàng)建粘性組件?？捎糜趧?chuàng)建粘性標(biāo)題及粘性側(cè)邊欄。

官網(wǎng)：https://abouolia.github.io/sticky-sidebar/

Sticky Sidebar

6. AOS

滾動動畫(AOS)?？稍跐L動時為頁面上的元素設(shè)置動畫的小型庫。

官網(wǎng)：https://michalsnik.github.io/aos/

AOS

7. jump.js

Jump.js 是使用純 JavaScript(ES6)編寫的現(xiàn)代、高性能且可自定義的平滑滾動庫。

官網(wǎng)：http://callmecavs.com/jump.js/

8. Magic Grid

簡單、輕量級的 Javascript 庫，用于動態(tài)網(wǎng)格布局。

官網(wǎng)：https://github.com/e-oj/Magic-Grid

Magic Grid

9. Wiv.js

一個有著很多波浪效果的 div 庫。

官網(wǎng)：https://jjkaufman.github.io/wiv.js/

Wiv.js

10. Choices.js

Choices.js 是一個輕巧的，可配置的選擇框/文本輸入插件。與 Select2 和 Selectize 類似，但沒有 jQuery 依賴關(guān)系。

官網(wǎng)：https://joshuajohnson.co.uk/Choices/