radash
一个实用的工具库,与 lodash 相比更现代。 它提供了 tryit 和 retry 等新函数。 源代码的可读性很高,大多数函数无需安装即可直接复制使用 - Radash Github。
dayjs
Day.js 是一个极简的 JavaScript 库,只有 2KB 大小。 它在很大程度上与 Moment.js 兼容,提供日期解析、操作和显示,并支持多种语言 - Dayjs Github。
driver
Driver.js 是一个轻量级的 JavaScript 库,用于创建页面导览。 它易于使用,压缩后只有 5KB - Driver Github。
@formkit/drag-and-drop
FormKit DnD 是一个与框架无关的小型拖放库,压缩后约为 4KB。 它采用数据优先的方法设计 - FormKit DnD Github。
logicflow
LogicFlow 是一个流程图编辑框架,提供了交互和编辑的基本功能,以及灵活的节点自定义和插件机制,可满足流程图类图表的业务需求 - LogicFlow Github。
ProgressBar
有了 ProgressBar.js,你就可以轻松地为网络创建响应式的时尚进度条。 即使在移动设备上,动画效果也很好。 它提供了一些内置形状,如直线、圆形和半圆形,但你也可以使用任何矢量图形编辑器创建自定义形状的进度条 - ProgressBar Github。
tesseract
纯 JavaScript OCR 库,支持 100 多种语言。 它可用于识别图像中的文字,并根据搜索结果过滤图像 - tesseract Github。
zxcvbn
zxcvbn 是一款密码强度估算器,灵感来自密码破解者。 它使用模式匹配和保守估计法识别并分析了 4 万多个常用密码,过滤掉了常见的名、姓、维基百科中的流行词和许多文化中的常用词,并识别出日期、重复(如 "aaa")、序列(如 "abcd")、键盘敲击(如 "qwertyuiop")和 l33t speak 等常见模式 - zxcvbn Github。
sunshine-track
受 Web-see 的启发,专为前端监控而设计。 它能报告用户行为、错误、页面转换、白屏和性能指标。 它适用于 Vue、React、Angular 等 - sunshine-track Github。
功能:
- 用户行为报告:点击、页面转换、请求等。
- 手动报告:用于手动报告的 Vue 自定义指令和函数。
- 自定义报告:格式化并确定要报告的数据。
- 请求数据上报:过滤并决定上报哪些请求数据。
- 报告方法:img、http、beacon、xhr、fetch、带有自定义标头。
- 数据缓存:本地存储、浏览器缓存、IndexedDB。
- 报告阈值:数据报告的可配置阈值。
- 全局点击报告:配置 DOM 节点报告的选择器和文本。
- 页面性能指标:白屏、FP、FCP、LCP、CLS、TTFB、FID等。
lottie
由 Airbnb 开发的 Lottie 是一个跨平台动画库。 设计师可以在 After Effects 中创建动画,并将其导出为 JSON 文件,这些文件可以无缝集成到移动应用程序和网站中 - lottie Github。
优点:
- After Effects 兼容性:将 AE 项目 (.json) 转换为应用程序/Web 动画。
- 跨平台:支持 Android、iOS、Web 和 React Native 等框架。
- 高性能:使用原生图形,比 CSS/JS 具有更好的性能。
- 可定制:可以修改动画的颜色、大小、速度等。
- 轻量级:文件大小较小,因为它们仅包含关键帧数据。
- 易于使用:简单的 API,易于集成。
- 丰富的效果:支持 After Effects 的复杂动画。
- 实时渲染:在不同的屏幕尺寸上保持质量。
- 社区支持:活跃的开源社区,更新频繁。
- 动画缓存:支持缓存,提高重复播放性能。
Lottie 用途广泛,适用于简单的加载程序到复杂的交互式动画。