当前位置: 首页 > article >正文

8个前端库-小且美

前提:前端有很多小而美的库,接入成本很低又能满足日常开发需求,同时无论是 npm 方式引入还是直接复制到本地使用都可以。

1.radash  

radash相比与 lodash,更加面向现代,提供更多新功能(tryit,retry 等函数),源码可读性高,大部分函数可以直接复制到本地使用。

radash和lodash的区别:

更轻量与全面‌:Radash自称为lodash plus版本,声称比lodash更轻量、更全面。它不依赖任何第三方库,仅在自己的源码里实现功能,因此非常轻量。

更好的类型安全‌:Radash采用TypeScript编写,提供了准确的类型定义,这在使用TypeScript开发时提供了更好的类型安全保障,避免了变量类型的问题,使得代码更加健壮‌。

源代码更易于理解‌:Radash的源代码设计得非常简洁且易于理解,甚至可以说是直接而暴力的实现方式,对于新手来说更容易上手,同时也非常便于维护‌。

使用方式‌:Radash的使用方式也非常便捷,通过NPM或Yarn可以轻松安装。

2.use-debounce

React Hook Debouce 库,让你不再为使用防抖烦恼。库的特点:体积小 < 1 Kb、与 underscore / lodash impl 兼容

3. timeago.js

格式化日期时间库,比如:“3 hours ago”,支持多语言,仅 2Kb 大小。同时提供了 React 版本 timeago-react。

4.react-use

实用 Hook 大合集 - 内容丰富,从跟踪电池状态和地理位置,到设置收藏夹、防抖和播放视频,无所不包。

5.dayjs

Day.js 是一个简约的 JavaScript 库,仅 2 Kb 大小。它可以使用基本兼容 Moment.js,为你提供日期的解析、处理和显示,支持多语言能力。

6.filesize

filesize.js提供了一种简单方法,便于从数字(浮点数或整数)或字符串转换成可读性高的文件大小,filesize.min.js 大小为 2.94 kb。

7.driver

driver.js 是一款用原生 js 实现的页面引导库,上手非常简单,体积在 gzip 压缩下仅仅 5kb。

8.@formkit/drag-and-drop

FormKit DnD 是一个小型拖拽库,它简单、灵活、与框架无关,压缩后只有 4Kb 左右,设计理念为数据优先。

最后欢迎在评论区推荐你们开发中的使用小而美的库!!!


http://www.kler.cn/a/303690.html

相关文章:

  • Molecular signatures database (MSigDB) 3.0
  • 摄像机视频分析软件下载LiteAIServer视频智能分析软件抖动检测的技术实现
  • Git回到某个分支的某次提交
  • AUTOSAR_EXP_ARAComAPI的7章笔记(3)
  • 分布式锁实践方案
  • jmeter介绍、使用方法、性能测试、现参数化和数据驱动、分布式测试、压力测试、接口测试
  • 【Qt】Qml界面中嵌入C++ Widget窗口
  • 万界星空科技电池MES具体功能及解决方案
  • Go 语言的优势
  • 【油猴脚本】00005案例 Tampermonkey油猴脚本动态渲染表格列,列的值,“默认无值”
  • 【C++算法】分治——归并
  • Golang path/filepath包详解:高效路径操作与实战案例
  • 《论面向方面的编程技术及其应用》写作框架,软考高级系统架构设计师
  • 在OpenEuler(欧拉)系统上用kubeadm部署(k8s)Kubernetes集群
  • 【运维监控】系列文章汇总索引
  • linux_L1_linux重启服务器
  • MySQL字符集的转换
  • Integer 缓存
  • Three.js 实战【4】—— 3D地图渲染
  • 【Linux 从基础到进阶】Docker 容器技术基础与应用
  • MySQL事务【后端 13】
  • triton之ttir学习
  • 在C++中,如何避免出现Bug?
  • 第二百三十一节 JPA教程 - JPA Transient示例、 JPA ID注释示例
  • 【ArcGIS Pro】扩展模块 Nuget 使用
  • 【TabBar嵌套Navigation案例-cell重用 Objective-C语言】