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

翻譯：瘋狂的技術宅

做者：Ibrahim Kamal

原文：https://dev.to/kamalo__22/10-...

未經容許嚴禁轉載

介紹

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

1. Swiper.js

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

官網：https://swiperjs.com/

2. iTyped

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

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

3. tingle.js

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

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

4. Glide

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

官網：https://glidejs.com/

5. Sticky Sidebar

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

官網：https://abouolia.github.io/st...

6. AOS

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

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

7. jump.js

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

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

8. Magic Grid

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

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

9. Wiv.js

一個有着不少波浪效果的 div 庫。

官網：https://jjkaufman.github.io/w...

10. Choices.js

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

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

---

本文首發微信公衆號：前端先鋒

歡迎掃描二維碼關注公衆號，天天都給你推送新鮮的前端技術文章

歡迎繼續閱讀本專欄其它高贊文章：

• 深刻理解Shadow DOM v1
• 一步步教你用 WebVR 實現虛擬現實遊戲
• 13個幫你提升開發效率的現代CSS框架
• 快速上手BootstrapVue
• JavaScript引擎是如何工做的？從調用棧到Promise你須要知道的一切
• WebSocket實戰：在 Node 和 React 之間進行實時通訊
• 關於 Git 的 20 個面試題
• 深刻解析 Node.js 的 console.log
• Node.js 到底是什麼？
• 30分鐘用Node.js構建一個API服務器
• Javascript的對象拷貝
• 程序員30歲前月薪達不到30K，該何去何從
• 14個最好的 JavaScript 數據可視化庫
• 8 個給前端的頂級 VS Code 擴展插件
• Node.js 多線程徹底指南
• 把HTML轉成PDF的4個方案及實現

---

• 更多文章...