1. 程式人生 > >前端常用外掛、工具類庫彙總,不要重複造輪子

前端常用外掛、工具類庫彙總,不要重複造輪子

函式庫

動畫庫

Animate.css

Anime.js:

  • 一個強大的、輕量級的用來製作動畫的javascript庫

Hover.css:

wow.js:

  • 滾動展示動畫
  • WOW.js 依賴 animate.css,所以它支援 animate.css 多達 60 多種的動畫效果。

scrollReveal.js:

Magic.css:

Waves:

move.js:

  • 一個小型的JavaScript庫,通過JS來控制一系列的CSS動畫順序執行,使CSS3動畫變得非常簡單和優雅。

Velocity.js:

  • 一個功能齊全的 JavaScript 動畫套件,包括諸如淡入淡出、滾動、滾動、停止、結束、翻轉等動畫效果。

滾動庫

BetterScroll:

animatescroll:

crossfade.js:

jQuery Scrollbox:

liMarquee:

輪播圖

Swiper:

iSlider:

slip.js:

滾屏

彈出框

layer:

  • layui 獨立維護的三大元件之一(layDate、layer、layim)
  • 儘管 layui 中包含了這些元件,但因為它們受眾群體廣泛或應用廣泛,特從 layui 中抽取出來個副本,可獨立引用。我們也會對它們進行同步維護。

dialogBox:

訊息通知

Notyf:

PNotify:

overhang.js:

  • overhang.js 是一個JQuery外掛顯示即時通知、 確認或給定元素中的提示。

下拉框

級聯選擇器

ustbhuangyi/picker

jQueryDistpicker:

顏色選擇器

時間選擇器

wdatepicker

時間日期處理

Moment.js:

timeago.js:

表單驗證

jQuery Validation

Validation Plugin:

Validform:

分頁外掛

富文字編輯器

Markdown 編輯器

樹外掛

圖片懶載入

瀑布流

Metro風兼瀑布流佈局效果http://www.lanrenzhijia.com/jquery/1985.html

相簿(圖片滑動切換展示效果)

PC端:photoviewer

導航外掛

視訊播放器

Chimee

flv.js

Video.js

  • 開源、免費的HTML5和Flash視訊播放器
  • Video.js - 開源、免費的HTML5和Flash視訊播放器

彈幕視訊播放器

複製貼上外掛

條形碼外掛

barcode

二維碼外掛

拖拽

手機端事件

touch.js

檔案上傳

uploader

WebUploader:

程式碼高亮

前端國際化 i18n

前端系列——jquery.i18n.properties前端國際化解決方案“填坑日記”:www.cnblogs.com/landeanfen/…

地圖

網頁即時通訊

資料視覺化

阿里雲 DataV

PDF 閱讀器

主題色提取

Color Thief

vibrant.js

前端儲存

ustbhuangyi/storage:

store.js

資料 Mock

Mockjs:

  • 生成任意隨機資料,攔截 Ajax 請求

分享

bShare

JiaThis

QQ分享元件

百度分享

評論

Gitalk

gitment

暢言

來必力

友言

網易雲跟貼(關閉了!!!)

其他

作者:白小明 連結:https://juejin.im/post/5ba7d5dd5188255c6140cc9d 來源:掘金 著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。