上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

8个小而美的前端库

[复制链接]
  • TA的每日心情
    开心
    昨天 15:02
  • 签到天数: 25 天

    [LV.4]偶尔看看III

    28

    主题

    14

    回帖

    92

    积分

    初级工程师

    积分
    92
    发表于 2024-10-10 17:52:37 | 显示全部楼层 | 阅读模式

    作者:晓得迷路了

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

    2024 年推荐以下小而美的库。

    radash

    实用的工具库,相比与 lodash,更加面向现代,提供更多新功能(tryit,retry 等函数),源码可读性高,如果不想安装它,大部分函数可以直接复制到本地使用。
    image.png

    use-debounce

    React Hook Debouce 库,让你不再为使用防抖烦恼。库的特点:体积小 < 1 Kb、与 underscore / lodash impl 兼容 - 一次学习,随处使用、服务器渲染友好。
    image.png

    timeago.js

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

    react-use

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

    dayjs

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

    filesize

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

    driver.js

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

    @formkit/drag-and-drop

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

    小结

    前端小而美的库使用起来一般都比较顺手,欢迎在评论区推荐你们开发中的使用小而美的库。

    如果你从事前后端/测试,​技术大厂,也欢迎你们一起来共事。

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表