首页 > 其他分享 >您可能一直在寻找的 10 个非常有用的前端库

您可能一直在寻找的 10 个非常有用的前端库

时间:2024-11-13 14:47:23浏览次数:1  
标签:10 github 动画 前端 报告 js 有用 https com

radash

    一个实用的实用程序库,与 lodash 相比更现代。它提供了 tryit 和 retry 等新功能。源码可读性强,大部分函数可以直接复制使用,无需安装 — (https://github.com/sodiray/radash)。

图片

 

dayjs

Day.js 是一个极简的 JavaScript 库,大小只有 2KB。它与 Moment.js 基本兼容,提供日期解析、操作和显示,并提供多语言支持 — (https://github.com/iamkun/dayjs)

图片

 

 

driver

    Driver.js 是一个轻量级的普通 JavaScript 库,用于创建页面浏览。它易于使用,gzip 压缩后只有 5KB — (https://github.com/kamranahmedse/driver.js)。

图片

@formkit/drag-and-drop

    FormKit DnD 是一个小型的、与框架无关的拖放库,压缩后约为 4KB。它采用数据优先的方法 — (https://github.com/formkit/drag-and-drop)。

图片

 

logicflow

    LogicFlow 是一个流程图编辑框架,提供交互和编辑的基本功能,以及灵活的节点定制和插件机制,满足了类似流程图的业务需求 — (https://github.com/didi/LogicFlow)。

图片

 

ProgressBar

    使用 ProgressBar.js,可以轻松为 Web 创建响应式且时尚的进度条。动画即使在移动设备上也表现良好。它提供了一些内置形状,如 Line、Circle 和 SemiCircle,但您也可以使用任何矢量图形编辑器 - (https://github.com/kimmobrunfeldt/progressbar.js)。

图片

 

tesseract

    支持 100 多种语言的纯 JavaScript OCR 库。它对于识别图像中的文本和根据搜索过滤图像很有用 — (https://github.com/naptha/tesseract.js)。

图片

 

zxcvbn

    ZXCVBN 是一个受密码破解程序启发的密码强度估算器。它使用模式匹配和保守估计来识别和分析超过 40,000 个常见密码,并过滤掉常见的名字、姓氏、维基百科中的流行词和许多文化中的常见词,并识别常见模式,如日期、重复(例如“aaa”)、序列(例如“abcd”)、键盘粉碎(例如“qwertyuiop”)和 l33t speak — (https://github.com/zxcvbn-ts/zxcvbn)。

图片

 

sunshine-track

    专为前端监控而设计,灵感来自 web-see。它报告用户行为、错误、页面过渡、白屏和性能指标。它适用于 Vue、React、Angular 等 — (https://github.com/brix/crypto-js)。

特征:

  • 用户行为报告:点击、页面转换、请求等。

  • 手动报告:用于手动报告的 Vue 自定义指令和函数。

  • 自定义报告:设置数据格式并确定要报告的数据。

  • 请求数据报告:筛选并决定要报告哪些请求数据。

  • 报告方式:img、http、beacon、xhr、fetch,带有自定义标头。

  • 数据缓存:本地存储、浏览器缓存、IndexedDB。

  • 上报阈值:可配置的数据上报阈值。

  • 全局点击报告:为 DOM 节点报告配置选择器和文本。

  • 页面性能指标:白屏、FP、FCP、LCP、CLS、TTFB、FID 等。

 

lottie

    Lottie 由 Airbnb 开发,是一个跨平台的动画库。设计人员可以在 After Effects 中创建动画并将其导出为 JSON 文件,这些文件可以无缝集成到移动应用程序和网站 — (https://github.com/airbnb/lottie-web)。

优势:

  • After Effects 兼容性:将 AE 项目 (.json) 转换为应用程序/Web 动画。

  • 跨平台:支持 Android、iOS、Web 和 React Native 等框架。

  • 高性能:使用本机图形以获得比 CSS/JS 更好的性能。

  • 可自定义:可以修改动画的颜色、大小、速度等。

  • 轻量级:文件大小小,因为它们仅包含关键帧数据。

  • 易于使用:简单的 API,易于集成。

  • 丰富的效果:支持 After Effects 中的复杂动画。

  • 实时渲染:在不同屏幕尺寸下保持质量

  • 社区支持:活跃的开源社区,经常更新。

  • 动画缓存:支持缓存以提高重复播放性能。

标签:10,github,动画,前端,报告,js,有用,https,com
From: https://www.cnblogs.com/testzcy/p/18543915

相关文章

  • MBR20100DC-ASEMI光伏专用二极管MBR20100DC
    编辑:llMBR20100DC-ASEMI光伏专用二极管MBR20100DC型号:MBR20100DC品牌:ASEMI封装:TO-263特性:贴片二极管正向电流:20A反向耐压:100V恢复时间:35ns引脚数量:3芯片个数:2芯片尺寸:MIL浪涌电流:200A漏电流:10ua工作温度:-50℃~150℃包装方式:500/盘;5000/箱备受欢迎的MBR20100DC-ASE......
  • 空气开关(空气断路器)根据额定电流的不同,可以选择不同规格的开关。家用230V电路中,常见的
    空气开关(空气断路器)根据额定电流的不同,可以选择不同规格的开关。家用230V电路中,常见的额定电流规格有6A、10A、16A、20A、25A、32A、40A、50A、63A等。这些规格的空气开关主要区别在于它们适应的电流负荷大小,从而保护不同功率的家用电器和电路。以下是这些常见规格的比较表格:......
  • C小题目:输入10个整数,将其中最小的数与第1个数对换,将最大的数与最后一个对换。要求写3
    题目要求如下:输入10个整数,将其中最小的数与第1个数对换,将最大的数与最后一个对换。要求写3个函数:(1)输入10个数;(2)进行处理;(3)输出10个数。提示:(1)定义voidinput(int*p)函数,用来输入10个整数,存放到指针变量p所指向的数组中;(2)定义voidmax_min_value(int*p)函数,在指针变量p所指......
  • 【日记】世界上居然有压力这么大的工作(1079 字)
    正文眼睛好疼。今晚的应酬没跑掉,毕竟是全行性质的,也跑不了。还好底层员工自动一桌,领导一桌。领导那桌各种喝酒、陪客、讲话,员工这桌就只有:“啊,这菜好咸。”或者是:“你们有谁要酸奶的?”拿过来的酸奶是常温的,不是那种粘稠的。坏耶。明天还要单独找我们柜面两个......
  • 前端一些常见的报错
    都是错误案例是否存在这个变量?这个变量是否有值(是否赋值成功)?接口数据是否正确(是否成功赋值)?代码从上到下执行的,逻辑是否正确?名字是否打错(包括大小写)?控制台(编辑器)报错信息有没有提示、提示一般会写哪个组件第几行报错,可以点进去看组件命名大小写是否正确......
  • 数据库运维实操优质文章文档分享(含Oracle、MySQL等) | 2024年10月刊
    本文为大家整理了墨天轮数据社区2024年10月发布的优质技术文章/文档,主题涵盖Oracle、MySQL、PostgreSQL等主流数据库系统以及国产数据库的技术实操,从基础的安装配置到复杂的故障排查,再到性能优化的实用技巧及常用脚本等,分享给大家:Oracle优质技术文章概念梳理&安装配置OracleR......
  • P11071 「QMSOI R1」 Distorted Fate题解
    题意:给定一个序列,给定两种操作:将一个区间异或上一个给定的值。给定\(l,r\)求\[{\large(\sum_{i=l}^r\bigcup_{j=l}^iA_j)\bmod2^{30}}\]\(0\lea_i,x<2^{30}\),\(1\lel\ler\len\)思路由于操作数以及区间过大,一位一位地去模拟肯定是不行的。因此考虑去离线......
  • 前端动画工具Lottie
    gif动画太大,用在app或者web页面要加载半天,影响用户体验svg配合CSS开发者工作量太大,手动转换非常费时Lottie可以把AdobeAfterEffects动画导出成data.json文件,配合官方的js文件可以渲染动画,data.json文件比gif小的多,https://airbnb.io/lottie/#/web官网https://github.co......
  • 快速了解电源模块的使用方法 BDB10-12W系列电源模块
    快速了解电源模块的使用方法BDB10-12W系列电源模块电源是整个电路可靠工作的核心部分。然而,由于电源电路的电流和发热量较大,容易出现故障。今天我为大家介绍一下电源模块的使用方法。BOSHDIA电源模块是将电源电路集成到一个很小的PCB板上,从而实现输出稳定电压和大电流的模块。......
  • 【K8S问题系列 | 10】在K8S集群怎么查看各个pod占用的资源大小?【已解决】
    要查看Kubernetes集群中各个Pod占用的资源大小(包括CPU和内存),可以使用以下几种方法:1.使用kubectltop命令kubectltop命令可以快速查看当前Pod的CPU和内存使用情况。需要确保已安装并配置了MetricsServer。查看所有Pod的资源使用情况kubectltoppods......