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个方案及实现

---

• 更多文章...