10 个用纯 Javascript 实现的好用插件
Posted 前端先锋
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了10 个用纯 Javascript 实现的好用插件相关的知识,希望对你有一定的参考价值。
// 每日前端夜话 第377篇
// 正文共:1000 字
// 预计阅读时间:5 分钟
介绍
现代 javascript 框架使构建复杂的 Web 应用变得非常容易。Vanilla JavaScript 指的是纯 Javascript 代码,没有使用任何框架进行扩展,这在创建小型应用程序时很好用。
1. Swiper.js
Swiper 是免费的现代移动触摸滑块控件,具有硬件加速过渡和惊人的原生行为。
官网:https://swiperjs.com/
2. iTyped
简单 Javascript 动画输入,没有任何依赖关系。
官网:https://ityped.surge.sh/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/6a83aa670ea84a6b859cf728240dcd64.jpg)
3. tingle.js
用纯 JavaScript 编写的简约易用的模态插件。
官网:https://tingle.robinparisi.com/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/99ec5bd346ed4a969d423cf44322af98.jpg)
4. Glide
无依赖的 JavaScript ES6 滑块和轮播。它轻巧、灵活、快速。
官网:https://glidejs.com/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/6fcce6ff909e4d14a91107290ef3a024.jpg)
5. Sticky Sidebar
这些 JavaScript 插件提供了一种方便的方式来创建粘性组件。可用于创建粘性标题及粘性侧边栏。
官网:https://abouolia.github.io/sticky-sidebar/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/4b727beed89d4475a4558bc6d69bf5d5.jpg)
6. AOS
滚动动画(AOS)。可在滚动时为页面上的元素设置动画的小型库。
官网:https://michalsnik.github.io/aos/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/512f9ca855e2469a847de0358653188c.jpg)
7. jump.js
Jump.js 是使用纯 JavaScript(ES6)编写的现代、高性能且可自定义的平滑滚动库。
官网:http://callmecavs.com/jump.js/
8. Magic Grid
简单、轻量级的 Javascript 库,用于动态网格布局。
官网:https://github.com/e-oj/Magic-Grid
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/243134b6537346c9a22909272cb8e89b.jpg)
9. Wiv.js
一个有着很多波浪效果的 div 库。
官网:https://jjkaufman.github.io/wiv.js/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/620c64a894534a21b2395ce507b116e9.jpg)
10. Choices.js
Choices.js 是一个轻巧的,可配置的选择框/文本输入插件。与 Select2 和 Selectize 类似,但没有 jQuery 依赖关系。
官网:https://joshuajohnson.co.uk/Choices/
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/ae698fea137a41249851bce85fd374cd.jpg)
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/ea8f1a75562a44e79e02acf9aafb6cf1.jpg)
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/2c38af5bae11400295c1bc3917551df5.jpg)
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/ea8f1a75562a44e79e02acf9aafb6cf1.jpg)
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/43a525b424f0432e8cfa2937e46094a9.jpg)
|学习视频|源码资源|
![10 个用纯 Javascript 实现的好用插件](https://image.cha138.com/20210417/c427e4fd016e4964bc9d5d4c7a60b29e.jpg)
以上是关于10 个用纯 Javascript 实现的好用插件的主要内容,如果未能解决你的问题,请参考以下文章