第一款：截图插件html2Canvas.js

html2是一款强大的截图插件，只需引入js文件，依照官方给定的截图方法，就能截取对应DOM区域的内容。对于有些截图出现模糊偏移的问题，网上也有一堆解决方法，通常只需放大截图区相应的倍数即可解决。

官网地址：http://html2canvas.hertzen.com/

第二款：全屏滚动插件fullPage.js

fullPage.js能让你迅速搭建拥有场景翻页效果的网页，可配置的属性方法非常的齐全，对于一些轻量级的H5页面来说可谓是一大利器。

官网地址：https://alvarotrigo.com/fullPage/

第三款：滚轮动画插件smoove.js

jquery smoove.js是一款非常棒的滚轮动画插件，依照使用方法去创建相应位置的动画，将会使你的网站变得华丽大气。鼠标滚动动画的网页是新兴的一种网页风格，结合CSS3的各种特效，绝对能让你惊艳。

官网地址：https://smoove.js.org/

第四款：滑动插件swiper.js

swiper.js相对于其它js插件来说，它的功能更强大，适用更加广泛，而且有着非常详细的文档，是前端人员广泛适用并赞叹不已的强大插件。目前最新的版本是swiper4，swiper可以实现各种炫酷的滚动效果，并且上手简单，兼容性高，大大减少了前端人员的工作量。

官网地址：https://www.swiper.com.cn/

除此之外还有很多优秀的开源插件，刚开始工作小伙伴门要学着利用插件去高效地完成工作，等你强大之后，也是可以自己写插件造福广大IT民众的。

原文地址：https://www.cnblogs.com/nanyang520/p/9987982.html