序文
開発では、再利用しやすくするために、一般的に使用されるコードブロックと関数ブロックをカプセル化することがよくあります。 次に、それを抽出して独立して機能を完了し、APIまたは構成アイテムを介して他のパーツと対話し、プラグインを形成します。
以下は、私が仕事で蓄積したいくつかの一般的なフロントエンドオープンソースプラグインであり、ここにのみリストされています。詳細な使用法は、各プラグインまたはGayhubの公式Webサイトで紹介されています。 注:ソリューションには複数のプラグインが存在することが多く、読者は実際のビジネスニーズに応じて選択する必要があります。交換と補足のためにメッセージを残してください。 ^ _ ^
関数ライブラリ
Lodash(推奨):https://github.com/lodash/lodash
Underscore:https://underscorejs.org/
Ramda:https://github.com/ramda/ramda
outils:https://github.com/proYang/outils
30-seconds-of-code:https://github.com/30-seconds/30-seconds-of-code
アニメーションライブラリ
Animate.css
CSS3アニメーションライブラリは、現在最も一般的なアニメーションライブラリでもあります。
https://daneden.github.io/animate.css/
Anime.js:
アニメーション用の強力で軽量なJavaScriptライブラリ
http://animejs.com/
Hover.css:
CSSホバーホバー効果は、リンク、ボタン、画像などに適用できます。
https://github.com/IanLunn/Hover
wow.js:
スクロールアニメーション
WOW.jsはanimate.cssに依存しているため、animate.cssで60種類以上のアニメーション効果をサポートしています。
https://github.com/matthieua/WOW
scrollReveal.js:
wow.jsに似ています
https://github.com/jlmakes/scrollreveal
Magic.css:
css3アニメーションアニメーションライブラリ
https://github.com/miniMAC/magic
Waves:
クリック波及効果
github.com/fians/Waves
move.js:
JSを介した一連のCSSアニメーションの順次実行を制御する小さなJavaScriptライブラリであり、CSS3アニメーションを非常にシンプルでエレガントなものにします。
https://github.com/visionmedia/move.js
Velocity.js:
フェード、スクロール、スクロール、停止、終了、反転などのアニメーション効果を含むフル機能のJavaScriptアニメーションスイート。
https://github.com/julianshapiro/velocity