你可能一直在尋找的十個非常有用的前端庫
radash
一個比 lodash 更現代的實用工具庫。它提供了 tryit 和 retry 等新功能。源碼可讀性強，大部分功能無需安裝即可直接復制使用。
Github：https://github.com/sodiray/radash
圖片
dayjs
Day.js 是一個極簡的 JavaScript 庫，大小只有 2KB。它與 Moment.js 很大程度上兼容，提供日期解析、操作和顯示，并支持多語言。
Github：https://github.com/iamkun/dayjs
圖片
driver
Driver.js 是一個輕量級的 JavaScript 庫，用于創(chuàng)建頁面導覽。它易于使用，壓縮后只有 5KB。
Github：https://github.com/kamranahmedse/driver.js
圖片
@formkit/drag-and-drop
FormKit DnD 是一個小型的、與框架無關的拖放庫，壓縮后約為 4KB。它采用數據優(yōu)先的方法設計。
Github：https://github.com/formkit/drag-and-drop
圖片
logicflow
LogicFlow 是一個流程圖編輯框架，提供了交互和編輯的基本功能，以及靈活的節(jié)點自定義和插件機制，可滿足流程圖類圖表的業(yè)務需求。
Github：https://github.com/didi/LogicFlow
圖片
ProgressBar
使用 ProgressBar.js，可以輕松為 Web 創(chuàng)建響應式且時尚的進度條。即使在移動設備上，動畫也能表現良好。它提供了一些內置形狀，如直線、圓形和半圓形，但您也可以使用任何矢量圖形編輯器創(chuàng)建自定義形狀的進度條。
Github：https://github.com/kimmobrunfeldt/progressbar.js
圖片
tesseract
純 JavaScript OCR 庫，支持 100 多種語言。它對于識別圖像中的文本和基于搜索過濾圖像非常有用。
Github：https://github.com/naptha/tesseract.js
圖片
圖片
zxcvbn
zxcvbn 是一款密碼強度估算器，靈感來自密碼破解者。它使用模式匹配和保守估計法識別并分析了 4 萬多個常用密碼，過濾掉了常見的名、姓、維基百科中的流行詞和許多文化中的常用詞，并識別出日期、重復（如 “aaa”）、序列（如 “abcd”）、鍵盤敲擊（如 “qwertyuiop”）和 l33t speak 等常見模式。
Github：https://github.com/zxcvbn-ts/zxcvbn
圖片
sunshine-track
專為前端監(jiān)控而設計，靈感來自 web-see。它報告用戶行為、錯誤、頁面轉換、白屏和性能指標。它適用于 Vue、React、Angular 等。
Github：https://github.com/sanxin-lin/sunshine-track
特點：
- 用戶行為報告：點擊、頁面轉換、請求等。
- 手動報告：用于手動報告的 Vue 自定義指令和函數。
- 自定義報告：格式化并確定要報告的數據。
- 請求數據上報：過濾并決定上報哪些請求數據。
- 報告方法：img、http、beacon、xhr、fetch、帶有自定義標頭。
- 數據緩存：本地存儲、瀏覽器緩存、IndexedDB。
- 報告閾值：數據報告的可配置閾值。
- 全局點擊報告：配置 DOM 節(jié)點報告的選擇器和文本。
- 頁面性能指標：白屏、FP、FCP、LCP、CLS、TTFB、FID等。
lottie
由 Airbnb 開發(fā)的 Lottie 是一個跨平臺動畫庫。設計師可以在 After Effects 中創(chuàng)建動畫，并將其導出為 JSON 文件，這些文件可以無縫集成到移動應用程序和網站中。
Github：https://github.com/airbnb/lottie-web
優(yōu)點：
- After Effects 兼容性：將 AE 項目 (.json) 轉換為應用程序/Web 動畫。
- 跨平臺：支持 Android、iOS、Web 和 React Native 等框架。
- 高性能：使用原生圖形，比 CSS/JS 具有更好的性能。
- 可定制：可以修改動畫的顏色、大小、速度等。
- 輕量級：文件大小較小，因為它們僅包含關鍵幀數據。
- 易于使用：簡單的 API，易于集成。
- 豐富的效果：支持 After Effects 的復雜動畫。
- 實時渲染：在不同的屏幕尺寸上保持質量。
- 社區(qū)支持：活躍的開源社區(qū)，更新頻繁。
- 動畫緩存：支持緩存，提高重復播放性能。
Lottie 用途廣泛，適用于簡單的加載程序到復雜的交互式動畫。
圖片
原文：https://blog.stackademic.com/10-extremely-useful-front-end-libraries-you-might-have-been-looking-for-ce652e244505
