10 個用純 Javascript 實現的好用插件

10 個用純 Javascript 實現的好用插件

瘋狂的技術宅 前端先鋒

</>介紹

現代 JavaScript 框架使構建複雜的 Web 應用變得非常容易。Vanilla JavaScript 指的是純 Javascript 代碼，沒有使用任何框架進行擴展，這在創建小型應用程序時很好用。

</>1. Swiper.js

Swiper 是免費的現代移動觸摸滑塊控件，具有硬件加速過渡和驚人的原生行爲。

官網：https://swiperjs.com/

Swiper.js

</>2. iTyped

簡單 Javascript 動畫輸入，沒有任何依賴關係。

官網：https://ityped.surge.sh/

iTyped

</>3. tingle.js

用純 JavaScript 編寫的簡約易用的模態插件。

官網：https://tingle.robinparisi.com/

tingle.js

</>4. Glide

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

官網：https://glidejs.com/

Glide

</>5. Sticky Sidebar

這些 JavaScript 插件提供了一種方便的方式來創建粘性組件。可用於創建粘性標題及粘性側邊欄。

官網：https://abouolia.github.io/sticky-sidebar/

Sticky Sidebar

</>6. AOS

滾動動畫（AOS）。可在滾動時爲頁面上的元素設置動畫的小型庫。

官網：https://michalsnik.github.io/aos/

AOS

</>7. jump.js

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

官網：http://callmecavs.com/jump.js/

</>8. Magic Grid

簡單、輕量級的 Javascript 庫，用於動態網格佈局。

官網：https://github.com/e-oj/Magic-Grid

Magic Grid

</>9. Wiv.js

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

官網：https://jjkaufman.github.io/wiv.js/

Wiv.js

</>10. Choices.js

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

官網：https://joshuajohnson.co.uk/Choices/

Choices.js