前端常用的插件库_前端插件库

前端常用的插件特别多，在此记录常用的几个。
1，scrollreveal （页面滚动执行动画），vue通用。
官方网站：https://scrollrevealjs.org/
说下常用的几个配置，包含scrollreveal多次执行动画 ：案例
同级别的还有wow.js , 可自行了解

var config= {
        delay: 500, // 延时
        duration: 2000, //效果持续时间
        distance: '50px', // 滑动距离
        origin: 'left', // 从哪个方向进入
        opacity: 0, // 初始时透明度
        viewFactor: 0.3,         // 指定滚动到百分之几时才显示出来
        rotate: {
          x: 20,
          z: 20
        },
        scale: 0.85, // 缩放比例
        interval: 600,
        reset: true, // 是否重复执行动画 ，往上轮动时执行
    };
    ScrollReveal().reveal('.element', config);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2，Hover.css 鼠标经过的特效插件
懒人专用通道

3，waves 波纹的点击效果
案例演示

4，Viewer.js 图片查看器插件
案例演示
目前是见过的最强大的图片查看插件，需要依赖jQuery。
当然也有vue版本的：v-viewer