前端常用的插件庫

前端常用的插件特別多，在此記錄常用的幾個。
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);

2，Hover.css 鼠標經過的特效插件
懶人專用通道

3，waves 波紋的點擊效果
案例演示

4，Viewer.js 圖片查看器插件
案例演示
目前是見過的最強大的圖片查看插件，需要依賴jQuery。
當然也有vue版本的：v-viewer